SAEL

Tabs

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

Made by imskyleen
Loading...

Installation

Usage

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

Props

Animate UI props

TabsList

Prop

Type

TabsContents

Prop

Type

TabContent

Prop

Type

Credits

  • We use Radix UI for the tabs component.
  • We take our inspiration from Shadcn UI for the tabs style.

On this page