Sistem desain Company Books, sebagai registry shadcn.
Pasang komponen dengan perintah yang sudah kamu kenal. Kode sumbernya masuk ke repositorimu dan menjadi milikmu. Apa pun yang belum ada di sini diambil dari shadcn — dan tetap keluar on-brand.
npx shadcn@latest add @glc/buttonKamu memiliki kodenya
Perintah add menyalin berkas .tsx ke repositorimu. Bukan dependensi, bukan API tertutup — sunting sesukamu.
Turunan langsung dari Figma
Geometri, warna, dan tipografinya dibaca dari Company BookV1.0.fig, bukan ditebak ulang di kode.
Sisanya tetap on-brand
Komponen shadcn yang belum diport diambil dari hulu dan langsung ikut tema, tanpa satu baris pun disunting.
Cuplikan
Semua di bawah ini dirender oleh komponen registry yang sebenarnya — bukan tangkapan layar. Ganti tema di pojok kanan atas.
Piutang jatuh tempo
3 terbuka · Rp 11.306.000
pending
Angka uang memakai figur tabular supaya kolom nominal sejajar.
Rekonsiliasi bank tertunda
Alert dan Switch ini milik shadcn/ui, bukan glc-ui. Keduanya ditarik apa adanya dan tidak disentuh — yang membuatnya on-brand adalah jembatan token.
Semua komponen
- ButtonSix variants across four heights (24/28/32/36) at radius 10. API-compatible with shadcn's Button; destructive is the file's red tint rather than a solid fill.
- InputText field — height 40, radius 10, brand focus ring.
- TextareaMulti-line text field — min-height 64, radius 10.
- LabelControl label — Inter Medium 14/20.
- Separator1px hairline divider, horizontal or vertical.
- CardPanel — radius 14, 1px rgba(9,9,11,.1) hairline, 16px padding. shadcn's compound API.
- BadgeStatus pill — height 20, radius 26. shadcn's four variants plus success/warning/info tones.