Back to Schema Browser

List

Semantic ul/ol container. Add only ListItem children for feature bullets, pricing rows, or checklists. Prefer this over raw HTML lists in Text when you need consistent markers (check, bullet, dash, Material icon).

Required Props: idSupports Children: ListItem

Structure

Styling uses props.className. List holds ListItem nodes only.

Properties

PropertyTypeDescriptionExamples
orderedboolean
When true, renders as ol with native numbering.
Default: false
-
markerStylestring
bullet | check | dash | icon
Default marker for unordered lists (ignored when ordered is true).
Default: "check"
-
markerIconobject
When markerStyle is icon, default react-icons ref (e.g. ref-icon:tb/TbCheck) and Tailwind size classes.
-
canDeleteboolean
-
Default: true
-
canEditNameboolean
-
Default: true
-
customobject
-
-
classNamestring
Tailwind utilities on the ul/ol root (e.g. flex flex-col gap-space-xs list-none m-0 p-0).
list-none m-0 flex w-full flex-col gap-space-xs p-0 text-base-contentm-0 w-full list-decimal space-y-space-xs pl-6 text-base-content marker:text-base-content
rootobject
-
-