Tabs

Tab list/trigger/content with context.

Install

npx github:truongnat/rnui#cli add tabs

or directly via the shadcn CLI:

npx shadcn add https://<registry-base>/r/nativewind/tabs.json   # or /uniwind/

Usage

<Tabs value={tab} onValueChange={setTab} defaultValue="one">
  <TabsList>
    <TabsTrigger value="one">One</TabsTrigger>
    <TabsTrigger value="two">Two</TabsTrigger>
  </TabsList>
  <TabsContent value="one">First tab</TabsContent>
  <TabsContent value="two">Second tab</TabsContent>
</Tabs>

Source

• components/ui/tabs.tsx

Installs together with: utils, text, theme