Tab

import { Tab } from "@rebasepro/ui";

Props

Prop	Type	Required	Description
value	string	yes
className	string	—
innerClassName	string	—
children	React.ReactNode	yes
disabled	boolean	—

Example

This is the example the design-system sync renders and verifies for this component.

import { Tabs, Tab } from "@rebasepro/ui";

// Tab only renders as a child of Tabs (reads its `variant` from Tabs'
// internal context) — full parent composition below. Tabs is not
// portaled, so this renders inline and doesn't need cardMode overrides.

// Standard variant with a disabled tab, sweeping the `disabled` prop.
export const StandardWithDisabled = () => (
    <div className="p-4">
        <Tabs value="overview" onValueChange={() => {}}>
            <Tab value="overview">Overview</Tab>
            <Tab value="policies">Policies</Tab>
            <Tab value="danger" disabled>Danger zone</Tab>
        </Tabs>
    </div>
);