Basic
Add .list-icon to a list. The first icon in each entry is the marker.
Color
Color all markers with the --tblr-list-icon-color variable, or one marker with a text-* utility.
Different icons
Each entry can use its own icon and color, for example a status.
Included and excluded
A check for what the plan has and a muted cross for what it lacks.
Inline
Add .list-icon-inline to show short entries in a row that wraps.
Long entries
The marker stays on the first line when an entry wraps.
Small text
The marker follows the line height of the list, so it also fits small or large text.
Pros and cons
Two lists side by side, green checks against red crosses.
Password requirements
A checklist under a form field, each rule marked as met or not.
Release notes
An icon per kind of change: added, improved, fixed, removed.
Contact details
Icons as markers for a list of links.
Entries with a description
A title and a muted second line in each entry; the marker stays on the title.
Large text
Raise the font size and the marker size together for a landing page.
Feature overview
A long list split into columns, as on a comparison or a landing page.