Back to Component Browser

Tabs

Quartz

lib/quartz/components/Tabs/index.ts

Preview

General settings and preferences.

Security and authentication options.

Billing information and invoices.

Import

import { Tabs } from '@/lib/quartz';

Props (4)

NameTypeRequiredDefaultDescription
valuestringrequiredThe currently selected tab. This is the `value` that was given to the child `<TabGroupItem>`
onChange(value: string) => voidrequiredEvent handler called when a new tab is selected. Recommended to update your `value` state to the new value.
childrenReactNoderequiredTabs content. Typically a `<TabGroup>` followed by a series of `<TabPanel>` components.
basePathNamestringoptionalBase URL for tabs, if we want each tab to have a separate URL path

Usage

Not used in any projects yet.