Skip to Content

tabs

ui

A set of layered sections of content that are displayed one at a time.

Use cases

  • Content organization
  • Settings sections
  • Dashboard views
  • Code/preview toggles

Features

  • Horizontal and vertical orientation
  • Default and line style variants
  • Keyboard navigation (Arrow keys)
  • Controlled and uncontrolled modes

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Make changes to your account here.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/tabs

Dependencies

class-variance-authorityradix-ui

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/tabs

Source

components/ui/tabs.tsx