A button wrapping slotted content.
Demos
Configurable
Selected variations
Default
<cdx-button>Click me</cdx-button>
Progressive
<cdx-button action="progressive">Click me</cdx-button>
Destructive, primary
<cdx-button action="destructive" type="primary">Click me</cdx-button>
Destructive, primary, disabled
<cdx-button action="destructive" type="primary" :disabled="true">
Click me
</cdx-button>
Usage
Props
Prop name | Description | Type | Values | Default |
---|
action | The kind of action that will be taken on click. | ButtonAction | 'default' , 'progressive' , 'destructive' | 'default' |
type | Button type. See the Design Style Guide. | ButtonType | 'normal' , 'primary' , 'quiet' | 'normal' |
Events
Event name | Properties | Description |
---|
click | | |
Slots
Name | Description | Bindings |
---|
default | Button content | |