- Where to find it
- Labelled List Kind in the "Selected Component" section of the Modify drawer.
- Offered by
- The List component. Other components do not have this setting.
- Per device
- Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
In plain English
There are two kinds of list, and the difference is about meaning rather than looks. A bulleted list says the order does not matter: features, benefits, things to bring. A numbered list says it does: steps to follow, a ranking, terms referred to by number.
The browser knows the difference too. A screen reader announces a numbered list with its numbers, and if you insert an item later every number after it shifts on its own — which is exactly the tedious renumbering this setting saves you from doing by hand.
A numbered list unlocks two more settings further down the drawer: Numbering Start, for counting from somewhere other than 1, and Reversed Numbering, for counting down.
What each option does
| Option | What you will see |
|---|---|
unordered | A bulleted list. The default. |
ordered | A numbered list that counts 1, 2, 3 on its own. |
When you would use it
- Unordered for features, benefits, and anything where shuffling the items would change nothing.
- Ordered for instructions, rankings, and anything a reader might refer to by number.
How to change it
- Click the list on the canvas.
- In the Modify drawer, open "Selected Component", then "List Kind".
- Choose unordered or ordered.
- Uncheck "Same value for all resolutions" to differ per device.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.
Watch out for
- Do not number items by typing "1." into the text. The browser numbers an ordered list itself, and typed numbers next to real ones read as "1. 1."
- Switching kind keeps your Marker Style. A square marker stays square on a numbered list, which is legal but probably not what you meant — set Marker Style back to unset when you switch.
Related settings
Where to go next
- Back to the List component — everything else it can do.
- The Composer — the editing surface these settings live in.
- Publishing — how a change like this reaches your live site.