A button wrapping slotted content.
Demos
Configurable
Selected variations
Default
<CdxButton>Click me</CdxButton>
Progressive
<CdxButton action="progressive">Click me</CdxButton>
Destructive, primary
<CdxButton action="destructive" type="primary">Click me</CdxButton>
Destructive, primary, disabled
<CdxButton action="destructive" type="primary" :disabled="true">
Click me
</CdxButton>
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 | |