Icon
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. Pre zoznam všetkých dostupných ikon navštívte tabler-icons.io.
Základné použitie
Custom
Atribúty a Vlastnosti
color
| Description | Icon color from the application color palette The default options are "primary", "secondary", "complete", "success", "warning", "danger", "light", and "dark". For more information, go to: theming. |
| Attribute | color |
| Type | "danger" "dark" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "light" ｜ "complete" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
name (deprecated)
| Description | Specifies the name of the icon to display from the set of the included SVG icon collection. Deprecated |
| Attribute | name |
| Type | string ｜ undefined |
| Default | undefined |
name (deprecated)
| Description | Specifies the name of the icon to display from the set of the included SVG icon collection. Deprecated |
| Attribute | name |
| Type | string ｜ undefined |
| Default | undefined |
size
| Description | Set to "small" for a smaller icon, or to "large" for a larger icon. By default, the size is unset. |
| Attribute | size |
| Type | "large" ｜ "small" ｜ string & Record<never, never> ｜ 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 |
|---|---|
--wj-icon-height | Defines the height of the icon |
--wj-icon-size | Defines the size of the icon |
--wj-icon-width | Defines the width of the icon |
Sloty
No slots available for this component.