Chip
<gstock-chip>
|
GstockChip
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
pill
|
Draws a pill-style chip with rounded edges. |
|
boolean
|
false
|
removable
|
Makes the chip removable and shows a remove button. |
boolean
|
false
|
|
size
|
The size of the chip. |
|
'small' | 'medium' | 'large'
|
'medium'
|
color
|
The color of the chip. |
|
'primary' | 'secondary' | 'success' | 'warning' | 'danger'
|
'primary'
|
variant
|
The variant of the chip. |
|
'outlined' | 'plain' | 'solid'
|
'solid'
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Events
| Name | React Event | Description | Event Detail |
|---|---|---|---|
gstock-remove-event
|
onGstockRemoveEvent
|
Emitted when the remove button is activated. | - |
Learn more about events .
Slots
| Name | Description |
|---|---|
default
|
The chip’s content. |
Learn more about slots .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
content
|
The chip’s content. |
remove-button
|
The chip’s remove button, an <gstock-icon-button>.
|
remove-button__base
|
The remove button’s exported base part. |
Learn more about CSS parts .
Dependencies
This component automatically imports the following dependencies.