Chip
Komponent Chip je univerzálny element, ktorý predstavuje malý vizuálny blok obsahujúci rôzne ďalšie elementy, ako napríklad avatary, text a ikony. Ponúka možnosti prispôsobenia farieb, stavov a ďalšie.
Basic Usage
Vkladanie ďalších prvkov
V elemente chip je možné zobraziť aj ďalšie elementy, napríklad elementy avatar, label a icon.
Štýlovanie
Farebné varianty
Štýlovanie pomocou CSS custom vlastností
Atribúty a Vlastnosti
active
| Description | If true, the check icon is displayed |
| Attribute | active |
| Type | boolean |
| Default | false |
color
| Description | Specifies the background color of the chip element. The default options are "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information, go to: theming. |
| Attribute | color |
| Type | "danger." ｜ "primary" ｜ "success" ｜ "neutral" ｜ "complete" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
disabled
| Description | If true, the user cannot interact with the element. |
| Attribute | disabled |
| Type | boolean |
| Default | false |
Eventy
No events available for this component.
Metódy
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Vlastnosti
| Name | Description |
|---|---|
--background | Background element chip |
--color | Element colour chip |
Sloty
No slots available for this component.