Flip Card Block
The Flip Card block creates an interactive card with a front and back side. Learners flip the card to reveal additional information on the other side.
Front and back sides
Section titled “Front and back sides”Each side of the flip card can include:
- Image - an optional image with crop support
- Title - a heading for that side (default: “Front Side” / “Back Side”)
- Subtitle - optional secondary text
- Content items - nested text and image items
Edit each side using the front/back tabs in the block editor.
Flip settings
Section titled “Flip settings”Direction
Section titled “Direction”- Horizontal (default) - card flips left to right
- Vertical - card flips top to bottom
Trigger
Section titled “Trigger”- Click (default) - learner clicks to flip
- Hover - card flips when the learner hovers over it
Aspect ratio
Section titled “Aspect ratio”| Ratio | Description |
|---|---|
| 4:3 | Standard proportion (default) |
| 1:1 | Square |
| 16:9 | Wide |
| Auto | Adjusts to fit the content |
Card style
Section titled “Card style”Both sides share the same style setting: Default, Outlined, Elevated, or Filled.
Learner experience
Section titled “Learner experience”The front side displays by default. The flip animation plays when the learner interacts with the card based on the trigger setting.