Button Component
Contoh Penggunaan
Kode berhasil di copy!
Kode berhasil di copy!
Kode berhasil di copy!
Kode berhasil di copy!
Kode berhasil di copy!
Kode berhasil di copy!
Kode berhasil di copy!
Properti Bawaan:
label : string | ReactNode
Teks atau elemen yang ditampilkan di dalam button.
Kode berhasil di copy!
icon : IconDefinition | FontAwesome Icon
Menampilkan ikon di dalam button, default menggunakan FontAwesome Icon.
Kode berhasil di copy!
variant : 'solid' | 'outline' | 'light' | 'simple'
Jenis gaya button, default: 'solid'.
Kode berhasil di copy!
paint : 'primary' | 'secondary' | 'success' | 'danger' | 'warning'
Tema warna button. default: 'primary'.
Kode berhasil di copy!
size : 'xs' | 'sm' | 'md' | 'lg'
Mengatur ukuran button. default: 'md'.
Kode berhasil di copy!
rounded : boolean | string
Mengatur radius, true membuat button menjadi full-rounded, string untuk custom sesuai rounded tailwind css.
Kode berhasil di copy!
block : boolean
Membuat button memiliki lebar penuh container.
Kode berhasil di copy!
onClick : () => void
Event klik pada button
Kode berhasil di copy!
href : string
Jika diisi, button berubah menjadi link (menggunakan Next.js <Link>)
Kode berhasil di copy!
disabled : boolean
Menonaktifkan button atau membuatnya menjadi disabled.
Kode berhasil di copy!
loading : boolean
Membuat button dalam mode loading
Kode berhasil di copy!
className : string
Mendukung custom styling menggunakan prefix: base::, icon::, dan loading::.