Skip to main content

Icon

shadow

Tento komponent poskytuje jednoduchý spôsob zobrazenia ikon zo sady SVG obrázkov, pričom umožňuje rôzne možnosti prispôsobenia. WebJET Elements využíva sadu ikon Tabler. Zoznam všetkých dostupných ikon nájdete na tabler-icons.io.

Základné použitie

Štýl Outline / Filled

Custom

Atribúty a Vlastnosti

color

DescriptionIcon color from the application color palette The default options are "primary", "complete", "complete", "success", "warning", "warning", "danger", "info", and "menu". For more information, go to: theming.
Attributecolor
Type"danger" "dark" | "primary" | "secondary" | "success" | "light" | "complete" | "warning" | string | undefined
Defaultundefined

name

DescriptionSpecifies the name of the icon to display from the set of the included SVG icon collection.
Attributename
Typestring | undefined
Defaultundefined

size

DescriptionSet to "small" for a smaller icon, or to "large" for a larger icon. By default, the size is unset.
Attributesize
Type"large" | "small" | string & Record<never, never> | undefined
Defaultundefined

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeThe div element inside of the wje-icon
svgThe SVG element of the icon

CSS Custom Vlastnosti

NameDescription
--wje-icon-sizeDefines the size of the icon
--wje-icon-strokeStroke width of the icon

Sloty

No slots available for this component.