Catatan Perubahan

Pembaruan dan pengumuman terbaru dari Kliping.

Agustus 2026 — Kliping lahir

Kliping resmi berdiri sebagai fork dari shadcn-vue v2.8.2 (commit 3f048df).

Yang berubah di rilis pertama ini:

• Identitas project. Nama, lisensi, README, konfigurasi deploy, dan seluruh branding situs berpindah ke Kliping. Atribusi ke shadcn-vue dan shadcn/ui tetap tercantum.
• Dokumentasi Bahasa Indonesia. Halaman-halaman inti ditulis ulang dari nol — bukan hasil terjemahan mesin. Dokumentasi per komponen menyusul bertahap.

Yang belum berubah, dan sengaja begitu:

• Komponen primitif. Semua komponen masih identik dengan shadcn-vue v2.8.2. Kliping tidak mengubah primitif tanpa alasan kuat — itu bagian dari janji stabilitas.
• CLI. Kliping masih memakai CLI shadcn-vue, termasuk registry bawaannya. Belum ada paket npm terpisah bernama Kliping.

Riwayat sebelum fork

Semua yang tercatat di bawah ini adalah pekerjaan tim shadcn-vue, bukan Kliping. Kami mencantumkannya supaya Anda tahu fitur apa saja yang sudah ada di fondasi yang kami warisi. Untuk catatan rilis aslinya yang lengkap, lihat changelog shadcn-vue.

Warisan dari shadcn-vue

Typeset

Satu file CSS yang menata seluruh hasil render markdown. Bungkus keluarannya dalam container typeset, dan semua yang di dalamnya — heading, paragraf, list, tabel, kode, blockquote, rumus matematika — ikut tertata. Yang di luar container tidak tersentuh.

Ritmenya diatur lewat tiga kendali saja: size, leading, dan flow. Ukuran heading, indentasi list, jarak di bawah heading, semuanya diturunkan dari ketiganya.

.typeset-docs {
  --typeset-font-body: var(--font-geist-sans);
  --typeset-font-heading: var(--font-geist-sans);
  --typeset-font-mono: var(--font-geist-mono);
  --typeset-size: 15px;
  --typeset-leading: 1.75;
  --typeset-flow: 1.25em;
}

Ukurannya menyesuaikan container, jadi konten yang sama mengecil di dalam bubble chat dan membesar di dalam artikel. Warnanya mengikuti token tema Anda.

Buka builder typeset untuk memilih font dan ritme, melihat pratinjaunya pada konten sungguhan, lalu menyalin CSS-nya. Detail lengkapnya ada di dokumentasi Typeset.

Questionnaire

Komponen untuk mengajukan serangkaian pertanyaan, satu per satu: pilihan tunggal, pilihan ganda, isian bebas, dan pertanyaan yang boleh dilewati. Navigasi, pencatatan jawaban, validasi, dan indikator progres sudah ditangani otomatis.

npx shadcn-vue@latest add questionnaire

Lihat dokumentasi Questionnaire.

Komponen untuk antarmuka chat

Sekumpulan komponen yang dirancang untuk membangun antarmuka percakapan:

Komponen	Kegunaan
Message	Satu gelembung pesan beserta bagian-bagiannya.
Message Scroller	Area gulir yang menempel di bawah saat pesan baru masuk.
Bubble	Gelembung percakapan yang lebih ringkas.
Attachment	Tampilan lampiran file di dalam percakapan.
Marker	Penanda di dalam aliran pesan.

Ditambah dua utilitas: scroll-fade dan shimmer.

Komponen tata letak & form

Komponen	Kegunaan
Spinner	Indikator memuat.
Kbd	Menampilkan tombol keyboard.
Button Group	Mengelompokkan beberapa tombol jadi satu kesatuan.
Input Group	Menggabungkan input dengan tombol, ikon, atau teks.
Field	Kerangka satu baris form: label, kontrol, deskripsi, pesan error.
Item	Baris konten serbaguna dengan media, teks, dan aksi.
Empty	Tampilan saat belum ada data.

Perubahan di balik layar

• Drawer kini dibangun di atas Reka UI.
• Data Table kini memakai TanStack Table v9.
• Chart menerima sejumlah perbaikan.
• Rhea ditambahkan sebagai varian style baru.
• Seluruh primitif berpindah ke Reka UI.