theVAULT01Explore complete sections
← All components

Tabs

Arrow keys, Home, and End move between tabs. Only the selected panel is exposed and the tab list has one keyboard stop.

Everything you need, in one quiet workspace.

Use the real component.

The preview uses the same React components and CSS available in the Code view.

  1. Copy Components into src/components/vault/kit.tsx.
  2. Copy Styles into src/styles/vault-kit.module.css.
  3. Import the component using the Usage example. Add Your theme to a parent to carry your colors across.

React + TypeScript + CSS Modules. The import alias @/ points to src/; adjust it for your project.

theVAULT / A Plaibook collection