List¶
Renders an ordered or unordered list.
Text components · element type list · binds through child components
Related: Text · Paragraph · Rich Text
Options¶
Configure the component with these options:
| Option | Default | Description |
|---|---|---|
| Start Value | 1 |
First number of a numbered list. Ignored by bullet styles |
| Bullet Type | Disc | Marker style, which also decides whether the list is bulleted or numbered — see below |
| List Indent | From theme | Indentation of the items. Accepts any CSS unit |
| Marker Color | From theme | Colour of the bullet or number, separate from the item text |
| List Item Style | Empty | Custom CSS applied to each item |
There is no separate ordered/unordered switch — Bullet Type determines it:
| Bullet Type | Produces |
|---|---|
| Disc, Circle, Square | An unordered list |
| Decimal, Upper-alpha, Lower-alpha, Upper-roman, Lower-roman | A numbered list |
| None | No marker at all, while keeping list indentation |
Notes¶
- Start Value only has an effect with a numbered Bullet Type
- Use Bullet Type → None when you want list spacing without visible markers
- Marker Color is independent of the item text colour, which comes from the child component