Command Palette

Search for a command to run...

Docs
Tabs

Tabs

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

A ShadCN Select component customized by restyling.

Followers list

Installation

pnpm dlx shadcn@latest add "https://akasha-ui.pages.dev/r/styles/default/tabs.json"

Usage

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
<Tabs defaultValue="followers" className="w-[400px]">
  <TabsList className="grid w-full grid-cols-2">
    <TabsTrigger value="followers">Followers</TabsTrigger>
    <TabsTrigger value="following">Following</TabsTrigger>
  </TabsList>
  <TabsContent value="followers">Followers list</TabsContent>
  <TabsContent value="following">Following list</TabsContent>
</Tabs>