Chip
<gstock-chip>
|
GstockChip
API
Propiedades
| Nombre | Descripción | Reflects | Tipo | Por defecto |
|---|---|---|---|---|
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. |
Aprende más sobre atributos y propiedades .
Eventos
| Nombre | React Event | Descripción | Event Detail |
|---|---|---|---|
gstock-remove-event
|
onGstockRemoveEvent
|
Emitted when the remove button is activated. | - |
Aprende más sobre eventos .
Slots
| Nombre | Descripción |
|---|---|
default
|
The chip’s content. |
Aprende más sobre slots .
Partes
| Nombre | Descripción |
|---|---|
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. |
Aprende más sobre partes CSS .
Dependencias
Este componente importa automáticamente las siguientes dependencias.