Skip to Content
ComponentsTabs

Tabs

A set of layered sections of content - known as tab panels - that are displayed one at a time.

Usage

import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from '@abbyyproduct/ui/components/tab';
<Tabs defaultValue="one" className="w-[400px] h-[200px]">
  <TabsList>
    <TabsTrigger value="one">One</TabsTrigger>
    <TabsTrigger value="another">Another</TabsTrigger>
  </TabsList>
  <TabsContent value="one">One tab content</TabsContent>
  <TabsContent value="another">Another tab content</TabsContent>
</Tabs>

Examples

Default

One tab content

Customized triggers

One tab content
Last updated on
SkeletonTooltip