Components / Content patterns
Checklist
Content roles with explicit size or arrangement choices.
Basic structure
ul.checklist- Included capability
- Optional capability
- Not included
HTML
<ul class="checklist" role="list"><li class="check-yes">Included capability</li><li class="check-partial">Optional capability</li><li class="check-no">Not included</li></ul>Options
| Class or attribute | What it does |
|---|---|
checklist.is-small/medium/large | Explicit text sizes; small also defaults to compact markers. |
has-markers-small / has-markers-medium / has-markers-large | Independent marker sizes, without changing text size. |
check-yes / check-partial / check-no | Check, minus and cross status marks on items. |
is-primary/info/success/warning/danger | Override an individual check’s default color on its li. Parent colors do not inherit into markers. |