Bricks

Collection Bricks

Grouped content bricks — carousels, galleries, tabs, timelines, and more.

Overview

Collection bricks display multiple items in an organized layout. They're great for presenting related content in a compact, interactive format.

Tabs & Accordions

Accordion / Tabs

Collapsible content sections that can display as either an accordion (expandable panels) or tabs (switchable panels). Each section has a title and rich text content.

Use for: FAQ sections, categorized information, step-by-step breakdowns.

Carousels

A rotating content slider where each slide contains rich text. Learners swipe or click arrows to navigate between slides.

A slideshow of images with optional captions. Ideal for visual storytelling or showcasing examples.

A carousel of video items that can be browsed sequentially.

A rotating gallery of quotations with author attribution.

Interactive flashcards that can be flipped to reveal the back side. Displayed in a swipeable carousel layout.

Galleries

A grid of images that can be viewed in a lightbox. Supports multiple columns and responsive layouts.

A grid layout of video items.

A grid display of interactive flashcards.

Structured Content

Table

A data table with rows and columns. Supports header rows and custom styling.

Timeline

A chronological display of events or steps. Each entry has a title, date, and rich text content. Ideal for historical timelines, process flows, or project roadmaps.

Labelled Graphic

An image with interactive hotspots. Each hotspot has a label and content that appears on click. Useful for diagrams, maps, or annotated images.

Dialog

A conversational exchange between characters. Configure characters with names and then create a sequence of messages. Perfect for simulating dialogues or interview scenarios.

On this page