Component
ButtonCircle
Round icon button. Pass an icon as children and an aria-label for accessibility.
jsx
import { Plus } from 'lucide-react';
<ButtonCircle aria-label="Add" onClick={() => {}}>
<Plus size={18} />
</ButtonCircle>
<ButtonCircle aria-label="Add" size="sm">
<Plus size={14} />
</ButtonCircle>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children
|
ReactNode | — | Icon element rendered inside the button. |
aria-label
|
string | — | Accessible label for the icon-only button. |
size
|
'sm' \ | 'md' \ | 'lg'` |
onClick
|
() => void | — | Tap handler. |
disabled
|
boolean | false | Disable interaction (dims to 40%). |
className
|
string | '' | Extra classes, merged onto the button. |