Kliping
KlipingBerandaDokumentasiKomponenBlocksVariasiTemplateDice UIHooks
Baru: 303 varian komponen

Badge

Tujuh belas lencana: nada, bentuk, titik status, foto, dan penghitung yang menempel di pojok tombol.

Jelajahi VariasiDokumentasi komponen
SemuaAccordionAlertAlert DialogAvatarBadgeBreadcrumbButtonCardCarouselCheckboxCollapsibleDropdown MenuInputInput OtpNavigation MenuPaginationProgressRadio GroupSelectSeparatorSliderSpinnerSwitchTableTabsTextareaTooltip
Lencana bawaan, berlatar warna utama
Default

Mengambil kode…

Nada sekunder, lebih tenang dari yang bawaan
Secondary

Mengambil kode…

Bergaris tepi saja, tanpa latar
Outline

Mengambil kode…

Nada merusak, untuk yang harus diperhatikan
Destructive

Mengambil kode…

Tiga bentuk sudut, dari persegi sampai bulat penuh
Rectangular
Rounded
Default

Mengambil kode…

Latar bergradasi biru ke nila
Gradient

Mengambil kode…

Garis tepinya yang bergradasi, bukan latarnya
Gradient Outline

Mengambil kode…

Titik status berwarna di depan tulisannya
In Progress
Blocked
Done

Mengambil kode…

Titik status, dengan garis tepi senada latarnya
In Progress
Blocked
Done

Mengambil kode…

Foto bulat di dalam lencananya, di kiri atau di kanan
shadcn
shadcn

Mengambil kode…

Berikon panah dan silang, di kiri maupun di kanan
Left
Right
Remove

Mengambil kode…

Lencana yang bisa diklik, digambar sebagai tombol

Mengambil kode…

Lencana sebagai tautan, lengkap dengan foto profilnya
shadcn

Mengambil kode…

Angka hitungan di dalam lencananya sendiri
Projects 6
Members 11
Tasks 7

Mengambil kode…

Menempel di baris menu, menandai yang baru dan yang percobaan
  • Unlimited Projects
  • Custom Integrations
    New
  • Advanced Analytics
    Experimental
  • Priority Support
  • Team Collaboration

Mengambil kode…

Angka di samping judul tab

Mengambil kode…

Menempel di pojok tombol ikon, sebagai penghitung pemberitahuan

Mengambil kode…

Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping