Tabs
Components for organizing content in a tabbed interface.
Round/Thin
use class .tab-nav-round-thin
Code Example
Shortcut: z-tabs-round-thin
Thin
use class .tab-nav-thin
Code Example
Shortcut: z-tabs-thin
Square
use class .tab-nav
Code Example
Shortcut: z-tabs-square
Round
use class .tab-nav-round
Code Example
Shortcut: z-tabs-round
Themed
Use any of our themes
Code Example
Shortcut: z-tabs-themed
Pills
use class .item-minimal on the children
Code Example
Shortcut: z-tabs-pills
Themed Pills
use class .item-minimal on the children
Code Example
Shortcut: z-tabs-themed-pills
Themed Pills 2
Code Example
Shortcut: z-tabs-themed-pills-2
The Zen Test
Every component, section, and utility we ship will pass alignment, styling, 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.