Variable Tabs`Const`

Tabs: (__namedParameters: TabsProps) => Element & {
    List: (__namedParameters: TabsListProps) => Element;
    Panel: (__namedParameters: TabsPanelProps) => Element;
    Trigger: (__namedParameters: TabsTriggerProps) => Element;
} = ...

Switches between panels of content. Arrow keys move between tabs, Home and End jump to the ends. Tab height comes from the shared size scale.

Example

<Tabs defaultValue="overview">
  <Tabs.List aria-label="Project">
    <Tabs.Trigger value="overview">Overview</Tabs.Trigger>
    <Tabs.Trigger value="settings">Settings</Tabs.Trigger>
  </Tabs.List>
  <Tabs.Panel value="overview">…</Tabs.Panel>
  <Tabs.Panel value="settings">…</Tabs.Panel>
</Tabs>

Variable TabsConst

Example

Settings

Variable Tabs`Const`