Tabs

A customizable tabs component with dynamic theme-based styling.

Docs

API Reference

Installation

Terminal

npx flexnative-cli add "https://registry.flexnative.com/c/tabs.json"

Usage

Importing

import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";

Using

<Tabs value="tab1">
<TabsList>
  <TabsTrigger value="tab1">Tab 1</TabsTrigger>
  <TabsTrigger value="tab2">Tab 2</TabsTrigger>
</TabsList>

<TabsContent value="tab1">
  <Text>Content for Tab 1</Text>
</TabsContent>
<TabsContent value="tab2">
  <Text>Content for Tab 2</Text>
</TabsContent>
</Tabs>