Examples

Tabs Manual Activation

Manual activation tabs example with keyboard hints.

Last reviewed: 2026-03-31 · Owner: docs@nake-ui

Adapters: react, vanilla, vue

Test command: pnpm --filter @nake-ui/site test:unit

Example Files

Each file is copyable and downloadable.

vanilla/main.ts

export function mountTabs(root: HTMLElement): void {
  root.setAttribute("data-ui", "tabs");
  root.dataset.orientation = "horizontal";
}