Function Tabs

Tabbed interface root. Compose with <TabList>, <Tab>, and <TabPanel>. The enhancer wires ARIA roles, roving tabindex, and arrow-key navigation once the markup is mounted. Tab values come from each <Tab value>, defaulting to the index; selection works uncontrolled (defaultValue) or controlled (value + onValueChange).

<Tabs value={tab} onValueChange={setTab}>
  <TabList>
    <Tab value="overview">Overview</Tab>
    <Tab value="install">Install</Tab>
  </TabList>
  <TabPanel>Zero runtime by default.</TabPanel>
  <TabPanel>npm install hydrateless</TabPanel>
</Tabs>
Copy