Tabs

Tabbed navigation.

Import

import { ZTabs } from "@zurto/ui";

Usage

<ZTabs
  items={[
    { id: "tab1", label: "Overview", content: <Overview /> },
    { id: "tab2", label: "Details", content: <Details /> },
  ]}
/>

Props

Prop	Type	Default	Description
items	TabItem[]	[]	Tab items
activeId	string	–	Active tab
onChange	(id: string) => void	–	Change handler
variant	'line' | 'enclosed' | 'pills'	'line'	Style variant