Skip to main content

Badge

shadow

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.

Použitie

Ak chcete použiť komponent Badge, zahrňte ho do HTML s požadovanými atribútmi.

Úprava štýlov

Farby

Atribúty a Vlastnosti

color

DescriptionThe color to use from your application's color palette. The default options are: "primary", "success", "warning", "warning", "complete", "info", and "menu". For more information on colors, visit Customization Basics.
Attributecolor
Type"complete" | "danger" | "info" | "menu" | "primary" | "success" | "warning" | string | undefined
Defaultundefined

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

NameDescription
--wj-chip-border-radiusAdjusts the roundness of the badge element

Sloty

NameDescription
``The contents are placed between the named slots.
endThe content is placed on the right in the LTR and on the left in the RTL.
icon-onlyIt should be applied to an icon in a button that does not contain text.
startThe content is placed on the left in the LTR and on the right in the RTL.