Badge
Badge sú inline-block elementy, ktoré majú informatívny charakter a zvyčajne sa zobrazujú v blízkosti iného elementu. Používajú sa ako upozornenie, že k elementu sú priradené ďalšie elementy, a informujú používateľa o ich počte.
Základné použitie
Ak chcete použiť komponent Badge, zahrňte ho do HTML s požadovanými atribútmi.
Zoznam
Úprava štýlov
Farby
Atribúty a Vlastnosti
color
| Description | The color to use from your application's color palette. The default options are: "primary", "success", "warning", "warning", "complete", "info", and "menu". For more information about colors, visit Customization Basics. |
| Attribute | color |
| Type | "complete" ｜ "danger" ｜ "info" ｜ "menu" ｜ "primary" ｜ "success" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
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 |
|---|---|
--wje-badge-border-radius | Adjusts the roundness of the element |
--wje-badge-padding-bottom | Adjusts the lower internal offset of the element |
--wje-badge-padding-inline | Adjusts the horizontal internal offset of the element |
--wje-badge-padding-top | Adjusts the upper internal offset of the element |
Sloty
| Name | Description |
|---|---|
| `` | The contents are placed between the named slots. |
end | The content is placed on the right in the LTR and on the left in the RTL. |
icon-only | It should be applied to an icon in a button that does not contain text. |
start | The content is placed on the left in the LTR and on the right in the RTL. |