<dy-button>
Example
Loading...
<dy-button .color=${"danger"}> Delete Post </dy-button> <dy-button .color=${"danger"} .disabled=${true}> Create Post </dy-button> <dy-button
.color=${"danger"}
.type=${"reverse"}
.dropdown=${[{"text":"Label 1"},{"text":"Label 2"}]}> Create Post </dy-button> <dy-button
.icon=${icons.add}
.color=${"informative"}
.square=${true}
.round=${true}></dy-button>
API
DuoyunButtonElement
Extends TapButtonElement
TapButtonElement
Shadow DOM; Extends GemElement
TapButtonElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
type(type) |
Yes | 'solid' | 'reverse' |
color(color) |
Yes | StringList<'normal' | 'danger' | 'cancel'> |
small(small) |
Yes | boolean |
round(round) |
Yes | boolean |
square(square) |
Yes | boolean |
disabled(disabled) |
Yes | boolean |
borderless(borderless) |
Yes | boolean |
dropdown |
Yes | ContextMenuItem[] | null |
route |
Yes | RouteItem |
params |
Yes | Record<string, string> |
query |
Yes | Record<string, string> |
icon |
Yes | string | Element | DocumentFragment |
TapButtonElement Other
| Type | Value |
|---|---|
| Slot | unnamed |
| Part | button, dropdown |
| CSS State | active |