Basic
The most basic list group is an unordered list with list items.
-
Adam Wathan
Tailwindcss Creator -
Addy Osmani
GoogleChrome Engineer -
Caleb Porzio
Alpinejs Creator -
Evan You
Vuejs Creator -
Rich Harris
Svelte Creator
Flush
Remove some borders to render list group items edge-to-edge in a parent container.
-
Adam Wathan
Tailwindcss Creator -
Addy Osmani
GoogleChrome Engineer -
Caleb Porzio
Alpinejs Creator -
Evan You
Vuejs Creator -
Rich Harris
Svelte Creator
Numbered
Add numbered lists to group items.
-
Adam Wathan
Tailwindcss Creator -
Addy Osmani
GoogleChrome Engineer -
Caleb Porzio
Alpinejs Creator -
Evan You
Vuejs Creator -
Rich Harris
Svelte Creator
Checkboxes and radios
Place checkboxes and radios within list group items.
Items
An active item
A second item
And a third one
A disabled item
A link item
Another link item
A simple success list group item
A simple warning list group item
A simple danger list group item