Komponen / Aksi
Button
Tombol untuk menjalankan aksi. Label berupa kata kerja: "Simpan", "Terbitkan BAST".
Import
tsx
import { Button } from '@divistant/circca-react';Props
Juga menerima semua atribut <button>.
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| variant | 'primary' | 'secondary' | 'ghost' | 'danger' | 'secondary' | Tingkat penekanan aksi. |
| size | 'sm' | 'md' | 'lg' | 'md' | Tinggi 24 / 28 / 36. |
| leadingVisual | Visual | — | Ikon sebelum label: Plus (komponen) atau <Plus /> (elemen dari @phosphor-icons/react/ssr — wajib bila dipanggil dari Server Component). |
| trailingVisual | Visual | — | Ikon setelah label, mis. CaretDown. |
| loading | boolean | false | Menampilkan spinner dan mengabaikan klik. |
| block | boolean | false | Lebar penuh kontainer. |
| asChild | boolean | false | Render sebagai elemen anak (tautan) dengan gaya tombol. |
| className | string | — | Kelas tambahan (digabung aman dengan tailwind-merge). |
Sumber
Kode komponen ada di packages/react/src/components/button. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.