Component · C-029

Tabs

Switches between views of the same context without reloading. Base UI manages the tablist, the panels and keyboard focus.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/tabs.json

Accessibility

• label becomes the aria-label of the tablist.
• Base UI exposes tablist, tab and tabpanel, with roving tabindex and the arrow, Home and End keys.
• The active tab is marked with a border, weight and color; it does not rely on color alone.
• A disabled tab is skipped from the keyboard and receives no focus.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown