<cla-button>
The Button component.
Usage
Properties
Property | Required | Description | Type | Default |
---|---|---|---|---|
block | false | Whether to use the block style variant of the button. This makes the button full width within its container. | boolean | null |
color | false | The button color. | "danger" | "dark" | "info" | "light" | "link" | "primary" | "secondary" | "success" | "warning" | null |
disabled | false | Whether the button is disabled. | boolean | false |
name | false | The button name. | string | null |
outline | false | Whether to use the outline style variant of the button. This removes the background from the button when it's not hovered. | boolean | false |
size | false | The button size. | "default" | "large" | "small" | "xsmall" | 'default' |
type | false | The button type. | "button" | "reset" | "submit" | 'button' |
value | false | The button value. | any | null |
Slots
Slot | Description |
---|---|
any | Content placed inside the button. |