Content Bricks
Display bricks for presenting information — text, images, video, audio, and more.
Overview
Content bricks are used to present information to learners. They don't require interaction — they're the building blocks for delivering knowledge.
Text & Typography
Heading
A title or section heading with customizable styling. Supports rich text formatting (bold, italic, subscript, superscript).
Text
A rich text block for paragraphs and formatted content. Supports the full formatting toolbar including lists, links, colors, and alignment.
Quote
A styled quotation block with optional author attribution. Ideal for highlighting key statements or expert opinions.
Note
A highlighted information block with different variants (info, warning, tip, important). Draws attention to key information.
Highlight
A prominent text block with custom background and styling for emphasizing key concepts.
Media
Image
A standalone image with optional caption and alt text. Supports:
- File upload (PNG, JPEG, WebP)
- Stock image search
- AI image generation
- Image cropping
Image Text
A side-by-side layout combining an image with rich text content. The image position (left or right) is configurable.
Video
An embedded video player. Supports:
- YouTube and Vimeo URLs
- Direct video file upload
- Configurable height
Audio
An audio player with playback controls. Supports:
- Audio file upload
- AI text-to-speech generation
Attachment
A downloadable file link. Upload documents (PDF, Word, Excel, etc.) that learners can download.
Code & Technical
Code
A syntax-highlighted code block supporting multiple programming languages. Code bricks are not translated when using the translation feature, preserving your source code intact.
Embed code
An embedded interactive element. Three modes:
- Upload folder — Upload an HTML folder (must contain
index.html) - URL — Embed an external URL via iframe
- AI — Generate interactive HTML content with AI (organization scope only)
Layout
Separator
A visual divider between content sections. Supports custom shapes and styles.
List
A structured list with ordered or unordered items.
Chart
Data visualization brick supporting multiple chart types:
- Bar chart
- Line chart
- Pie chart
- And more