Chip โ
Browser support โ
Parameters โ
The Web component uses the <z-chip>
tag:
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
content (optional) | string | The text to be displayed in the chip. |
disabled (optional) | boolean | Blocks the interaction with the component. |
readonly (optional) | boolean | Transforms the chip into an output. |
The events emitted from the component are:
Name | Payload | Description |
---|---|---|
onclick | MouseEvent | The |
disabled
โ
The attribute disabled
will block the interaction with the component
readonly
โ
The attribute readonly
will make the component to behave as a readonly component.
Both background and text color can be customized using the --z-chip--bg
and --z-chip--color
CSS custom properties respectively.
Also, the hover state can be customized using the --z-chip--bg--hover
and --z-chip--color--hover
CSS custom properties.