Skip to main content

Lists

info

These examples require Tailwind CSS. Refer to the getting started documentation to add styling

Accessibility​

Accessibility documentation(opens in new window)

Default​

Inline Example​

Border Example​

Bullet Example​

Numbered Example​

Icon Example​

Details Example​

Details and Icon Example​

Block Example​

Note the Tailwindcss sm: prefix which means it will only apply that class for the small breakpoint and up

Columns List 1​

Column List 2​

Column List 3​

Column List 4​

This example combines a couple of different ways to align content, not a production example as such.