Badge
<gstock-badge>
|
GstockBadge
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
size
|
The size of the badge. |
|
'small' | 'medium' | 'large'
|
'medium'
|
color
|
The color of the badge. |
|
'brand' | 'neutral' | 'information' | 'success' | 'warning' | 'danger'
|
'brand'
|
placement
|
The placement of the badge when used as an overlay inside a positioned container. |
|
'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | undefined
|
-
|
pulse
|
Makes the badge pulsate to draw attention. |
|
boolean
|
false
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Slots
| Name | Description |
|---|---|
default
|
The badge’s content. |
Learn more about slots .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
Learn more about CSS parts .