Tabs
A set of layered sections of content, known as tab panels, that are displayed one at a time.
Playground
Explore all tabs props interactively.
Manage your public profile and personal information.
Props
The bound active tab value.
Visual style of the tabs.
Layout direction of the tab list.
Theme color for active tabs
Render style
Glass surface density
Backdrop blur intensity
Elevated with shadow
Layout Variants
Tabs support three primary visual layouts: underline (default), pills, and segmented.
Underline (Default)
Account settings here.
Pills
General settings here.
Segmented (Container Style)
Daily digest views.
Vertical Orientation
All three variants can be rotated to a vertical layout.
User profile form.