Tabs
These classes allows you to style list (or any others) HTMLElement as tabs
Platform
css
│
Support
Chromium supported
Firefox supported
Safari supported
Edge supported
Since 2.0.0
│
Olivier Bossel
│
beta
Preview
Default
- Carole Schaefer
- Lance Gusikowski
- Rosemary Walker
- Carole Schaefer
- Lance Gusikowski
- Rosemary Walker
Loading code example. Please wait...
Grow
- Phillip Moen
- Freddie Gottlieb
- Delia Terry
- Phillip Moen
- Freddie Gottlieb
- Delia Terry
Loading code example. Please wait...
Fill
- Rene Berge
- Candace Hills
- Karen Waters
- Rene Berge
- Candace Hills
- Karen Waters
Loading code example. Please wait...
Shapes
- Joy Bruen
- Benjamin Smith DDS
- Guadalupe Goyette
- Clint Borer
- Benjamin Hettinger
- Simon Cremin
- Joy Bruen
- Benjamin Smith DDS
- Guadalupe Goyette
- Clint Borer
- Benjamin Hettinger
- Simon Cremin
Loading code example. Please wait...
RTL
- Wilbur Zulauf
- Chris Wolff
- Gina Hauck
- Wilbur Zulauf
- Chris Wolff
- Gina Hauck
Loading code example. Please wait...
Vertical
- Rachel Wintheiser MD
- Kendra Schulist
- Dr. Rhonda Lehner
- Rachel Wintheiser MD
- Kendra Schulist
- Dr. Rhonda Lehner
Loading code example. Please wait...
Scales
- Dean Kerluke Jr.
- Ms. Kristi Hamill
- Miss Karl Waelchi
- Dean Kerluke Jr.
- Ms. Kristi Hamill
- Miss Karl Waelchi
Loading code example. Please wait...
Features
-
Support for shaping through the
s-shape:...class -
Support for scaling through the
s-scale:...class -
Support for colorizing through the
s-color:...class
Install
CSS Classes
-
s-tabs
Apply the tabs lnf
-
s-tabs:grow
Make the tabs items grow and take the available space
-
s-tabs:fill
Add a background to the tabs
-
s-tabs:vertical
Display the tabs horizontally