Preview
Instalasi
Terminal
bunx lapaktoto-ui add buttonPemakaian
import { Button } from "@/components/ui/button"
export function Example() {
return <Button>Klik aku</Button>
}Variants
Pilih variant sesuai prioritas aksi:
Sizes
Dengan icon
Untuk konsistensi, pakai icon dari Lucide pada ukuran size-4 (16px). Icon-only button pakai size icon.
Loading state
Gak ada prop loading bawaan — kami sengaja minimalis. Pattern yang direkomendasikan: ganti label + tambah spinner + set disabled.
API
| Prop | Type | Default | Deskripsi |
|---|---|---|---|
| variant | "default" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "default" | Style varian. |
| size | "xs" | "sm" | "default" | "lg" | "icon" | "default" | Ukuran tombol. |
| disabled | boolean | false | Non-aktifkan interaksi. |
| render | ReactElement | — | Render sebagai element lain (mis. Link). |