Properties
| Name | Type | Required | Description |
|---|---|---|---|
| id | string | Yes | Unique identifier for the component |
| text | string | Yes | Button label text |
| variant | 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | No | Visual style variant(default: primary) |
| size | 'sm' | 'md' | 'lg' | No | Button size(default: md) |
| disabled | boolean | { path: string } | No | Disable the button |
| action | Action | No | Action to trigger on click |
Examples
Button Variants
Different button styles for various use cases
Preview
json
Interactive Button
Button with action that triggers an event
Preview
json