Tabs

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

Props

Prop	Type	Required	Description
value	string	yes
children	React.ReactNode	yes
innerClassName	string	—
className	string	—
variant	"standard" | "boxy" | "pill"	—
onValueChange	(value: string) => void	yes

Example

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

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

// The .d.ts only lists `variant?: "standard" | "boxy" | "pill"` — no
// "default". UIReferenceView labels its first example "variant=\"default\""
// but never actually passes that string; it just omits `variant`, which
// defaults to "standard". Sweeping standard/boxy/pill below.

export const Standard = () => (
    <div className="p-4">
        <Tabs value="schema" onValueChange={() => {}}>
            <Tab value="schema">Schema</Tab>
            <Tab value="snippets">Snippets</Tab>
            <Tab value="history">History</Tab>
        </Tabs>
    </div>
);