Getting Started

The List component provides a modern alternative to standard Markdown lists. With interactive and dynamic designs, it enables a more engaging presentation of list-based content.

Usage & Properties of the List 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-simple mode-animated mode-icon
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
title	Custom text value

List Component in action

List component : Simple Mode

Code mode
Preview mode

:: list{theme="indigo-theme" mode="mode-simple" font="serif-font-heading" box_type="container-full" title="title of list"}
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
:: list

List component : Icons Mode

Code mode
Preview mode

:: list{theme="indigo-theme" mode="mode-icon" font="serif-font-heading" box_type="container-full" title="title of list"}
 :- item{name="Enter your Item title here" text="Enter your Item text here" icon="home"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here" icon="layout"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here" icon="lock"} :- item
:: list

List component : Animated Mode

Code mode
Preview mode

:: list{theme="indigo-theme" mode="mode-animated" font="serif-font-heading" box_type="container-full" title="title of list"}
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
 :- item{name="Enter your Item title here" text="Enter your Item text here"} :- item
:: list

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

List Component