Getting Started

The Accordion component structures content into expandable and collapsible sections. This interactive format allows readers to consume information at their own pace, avoiding information overload and improving overall readability.

Usage & Properties of the Accordion Component

Parametres	Values
theme	primary-theme orange-theme green-theme red-theme blue-theme purple-theme gris-theme olive-theme gold-theme strawberry-theme indigo-theme sky-theme yellow-theme
mode	mode-classic mode-line
box_type	mini-box container-box container-view container-large container-full
font	serif-font-heading serif-font-global sans-serif-font-heading sans-serif-font-global

Accordion Component in action

Accordion component : Mode Classic

Code mode
Preview mode

:: accordion{theme="blue-theme" mode="mode-classic" font="serif-font-heading" box_type="container-full"}
 :- item{title="Enter your title here" description="Enter your description here"} :- item
 :- item{title="Enter your title here" description="Enter your description here"} :- item
 :- item{title="Enter your title here" description="Enter your description here"} :- item
:: accordion

Accordion component : Line Mode

Code mode
Preview mode

:: accordion{theme="blue-theme" mode="mode-line" font="serif-font-heading" box_type="container-full"}
 :- item{title="Enter your title here" description="Enter your description here"} :- item
 :- item{title="Enter your title here" description="Enter your description here"} :- item
 :- item{title="Enter your title here" description="Enter your description here"} :- item
:: accordion

What's Next ?

AI Agent Support : Getting Started with AI Agent Support
Fréquents Questions : A collection of frequently asked questions related to the platform
Best Practices : Tips for building professional documents at scale

Need help ? Our team is here to support you. Contact us or check our FAQ.

Getting Started

Layout Components Reference

Components Reference

Super Markdown API

Examples

LLM Integration

Agents IA Support

Github Integration

Color Themes

Icons

Custom Templates

Best Practices

Fréquents Questions

Accordion Component

Usage & Properties of the Accordion Component

Accordion Component in action

Accordion component : Mode Classic

Accordion component : Line Mode

What's Next ?