bloxa

Tabs

FREE

Hap ve alt çizgi stilli sekmeler.

Canlı düzenle

Ayarları değiştir; bileşen ve kodu anında güncellensin.

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

<Tabs defaultValue="a">
  <TabsList>
    <TabsTrigger value="a">Overview</TabsTrigger>
    <TabsTrigger value="b">Usage</TabsTrigger>
  </TabsList>
  <TabsContent value="a">Overview content</TabsContent>
  <TabsContent value="b">Usage content</TabsContent>
</Tabs>

Kurulum

Terminal
npx @bloxa/cli add tabs
# or: npx shadcn@latest add @bloxa/tabs

Otomatik kurulan paketler: radix-ui

Örnekler

Hap

12 components installed this week.

Alt çizgi

Name, email and avatar.

Dikey

Name, email and avatar.

API

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

TabsList

ÖzellikTipVarsayılanAçıklama
variant"pill" | "line""pill"Sekme stili.