Callout Component Test
Default Callout
Section titled “Default Callout”This is a default callout without a title.
Callout with Title
Section titled “Callout with Title” Important Note
This is a callout with a title.
Callout with Title and Icon
Section titled “Callout with Title and Icon” ⚠️ Warning
This is a callout with a title and an icon.
Nested Content
Section titled “Nested Content” Complex Content
Here is a list:
- Item 1
- Item 2
And a blockquote:
Use callouts for important information.
Columns Component Test
Section titled “Columns Component Test”Two Columns (50/50 - Default)
Section titled “Two Columns (50/50 - Default)” Left Column
Content for left.
Right Column
Content for right.
Three Columns (33/33/33)
Section titled “Three Columns (33/33/33)” Col 1
Col 2
Col 3
Four Columns (25/25/25/25)
Section titled “Four Columns (25/25/25/25)” Col 1
Col 2
Col 3
Col 4
Left Sidebar (33/66)
Section titled “Left Sidebar (33/66)” Sidebar
Main Content
Right Sidebar (66/33)
Section titled “Right Sidebar (66/33)” Main Content
Sidebar
Diagnostic Border
Section titled “Diagnostic Border” Column 1 (with border)
Column 2 (with border)