<dy-tag>
A tag component that displays compact labels with optional colors and styles. It can be used to categorize, mark, or highlight items with support for closable and small variants.
Example
Loading...
<dy-tag
.color=${"positive"}
.small=${true}
.closable=${true}> Tag </dy-tag> <dy-tag
.color=${"negative"}
.small=${true}
.type=${"reverse"}> Tag </dy-tag>
API
DuoyunTagElement
Extends TapTagElement
TapTagElement
Shadow DOM; Extends GemElement
TapTagElement Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
closable(closable) |
Yes | boolean |
|
color(color) |
Yes | StringList<PresetColor> |
|
modemode |
Yes | 'solid' | 'reverse' |
@deprecated |
type(type) |
Yes | 'solid' | 'reverse' |
|
small(small) |
Yes | boolean |
|
close |
Emitter<null> |
TapTagElement Other
| Type | Value |
|---|---|
| Event | close |
| Slot | unnamed |