Tabs

Reusable Base UI tabs wrapper with Atlas styling defaults.

Source: usage snippet

import { Tabs, TabsPanel } from "mozhi-ui";

<Tabs
  tabs={[
    { label: "Preview", value: "preview" },
    { label: "Code", value: "code" },
  ]}
>
  <TabsPanel value="preview">Preview content</TabsPanel>
  <TabsPanel value="code">Code content</TabsPanel>
</Tabs>