shadow
This component provides a simple way to display icons from a set of SVG images, while allowing various customization options. WebJET Elements uses the Tabler icon set. For a list of all available icons, see tabler-icons.io.
| Description | Icon 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. |
| Attribute | color |
| Type | "danger" "dark" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "light" ｜ "complete" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
| Description | Specifies the name of the icon to display from the set of the included SVG icon collection. |
| Attribute | name |
| Type | string ｜ undefined |
| Default | undefined |
| 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 |
No events available for this component.
No public methods available for this component.
| Name | Description |
|---|
native | The div element inside of the wje-icon |
svg | The SVG element of the icon |
| Name | Description |
|---|
--wje-icon-size | Defines the size of the icon |
--wje-icon-stroke | Stroke width of the icon |
No slots available for this component.