New: 308 component variants

Tabs

Delapan belas tab: mendatar maupun tegak, bergaris bawah, berlatar, sampai yang berbentuk map arsip.

Browse Variants Documentation

Tab bawaan, di dalam bilah berlatar abu

pnpm dlx shadcn@latest add tabs

Garis bawah menandai tab yang aktif

pnpm dlx shadcn@latest add tabs

Tab aktif diisi warna utama, tanpa bilah pembungkus

pnpm dlx shadcn@latest add tabs

Tab aktif bergaris tepi, sisanya polos

pnpm dlx shadcn@latest add tabs

Bilahnya bergaris tepi, tab aktif diisi warna utama

pnpm dlx shadcn@latest add tabs

Tab berbentuk map arsip yang menyatu dengan isinya

pnpm dlx shadcn@latest add tabs

Tab berikon logo pengelola paket

pnpm dlx shadcn-vue@latest add tabs

Bilah bawah ponsel: ikon di atas namanya, empat kolom

Angka hitungan sebagai lencana di samping nama tabnya

pnpm dlx shadcn@latest add tabs

Garis bawah tebal menandai tab yang aktif

pnpm dlx shadcn@latest add tabs

Tab aktif ditandai bayangan, bukan latar

pnpm dlx shadcn@latest add tabs

Tab miring, dipisahkan jarak

pnpm dlx shadcn@latest add tabs

Berdiri tegak di kiri, isinya di kanan

Home Content

Tegak tanpa latar, cuma tulisannya

Home Content

Tegak dengan tab aktif diisi warna utama

Home Content

Tegak dengan garis bawah tebal di tiap tabnya

Home Content

Tegak di dalam kotak bergaris, tiap tab dipisahkan garis

profile

Isi tabnya muncul satu per satu, bergantian dari atas

Jane Doe@jane_doe

Alex Thompson@tech_guru

Emma Green@nature_lover

Sophia Martinez@photogirl

Liam Patel@code_master