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

Underline nav

Generates a tab navigation with minimal underlined selected state, typically used for navigation placed at the top of the page.

Tabs with state

Interactive

Tab links

Tab buttons

Various label content

Reversed

Position end slot

Position end slot, reversed

Container width