List Groups
A versatile component for displaying a series of content.
Bordered List
- Lorem ipsum dolor
- Suscipit, eaque ab fugit
- Abore incidunt quam
- Totam nulla earum nobis sequi
- Nulla earum nobis tenetur
Code Example
Shortcut: z-list-border
Flush
- Lorem ipsum dolor
- Suscipit, eaque ab fugit
- Abore incidunt quam
Code Example
Shortcut: z-list-flush
Active Item
- Lorem ipsum dolor
- Suscipit, eaque ab fugit
- Abore incidunt quam
Code Example
Shortcut: z-list-active
disabled Item
- Lorem ipsum dolor
- Suscipit, eaque ab fugit
- Abore incidunt quam
Code Example
Shortcut: z-list-disabled
Links
Code Example
Shortcut: z-list-links
Contextual Example
- Success
- Warning
- Danger
- Notice
Code Example
Shortcut: z-list-success, list-warning, list-danger, list-notice
The Zen Test
Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.
So you can be assured it "just works". Try it out below.