kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Variants
    • Introduction
    • Installation
    • Credits
  • Accordion12
  • Alert10
  • Alert Dialog6
  • Avatar16
  • Badge17
  • Breadcrumb15
  • Button23
  • Card13
  • Carousel11
  • Checkbox16
  • Collapsible4
  • Dropdown Menu8
  • Input12
  • Input OTP7
  • Navigation Menu8
  • Pagination15
  • Progress12
  • Radio Group9
  • Select11
  • Separator7
  • Slider15
  • Spinner11
  • Switch7
  • Table11
  • Tabs18
  • Textarea7
  • Tooltip7

Installation

PreviousNext

Menyiapkan project sekali, lalu memasang varian dengan satu perintah.

Tidak ada CLI baru dan tidak ada paket yang perlu di-install. Yang dipakai CLI shadcn-vue yang sama dengan yang sudah Anda pakai untuk komponen.

Siapkan project ​

Project Anda perlu sudah disiapkan untuk shadcn-vue: Tailwind CSS, components.json, dan alias @/. Kalau belum, ikuti Installation untuk framework Anda.

Pasang ​

Tiap halaman varian menuliskan perintahnya sendiri. Bentuknya seperti ini:

pnpm dlx shadcn-vue@latest add button

Ke mana berkasnya mendarat ​

Perintahnya memasang komponen ke components/ui/. Berkas variannya Anda salin sendiri dari tab Code — biasanya ke components/, dengan nama yang Anda pilih.

Setelah itu ​

Berkasnya milik Anda. Tidak ada versi yang perlu diikuti dan tidak ada pembaruan yang datang sendiri — ubah sesuka Anda.

PreviousIntroductionNext Credits

On This Page

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