Primer / Live
Storybook

  • Theme

  • Light
  • Dark
  • System

  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia

  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Reset to default

Tabnav

Tab nav contains a set of links that let users navigate between different views in the same context.

Tabs with state

Interactive

Tab links

Tab buttons

Small tabs

Various label content

Position end (button)

Button

Position end (extra)

Tabnav widget text here.