Introduction
The hhl-icon component is used to add icons.
Syntax
Size by property
You can change the size by setting the property size="number"
The default is 24.
Color by property
You can change the color by setting the color="colorValue"
Color by theme colors
You can change the color by setting the color="bg-themeColor"
The theme colors are bg-pri bg-sec bg-ok bg-err bg-warn bg-info bg-black bg-white
CSS Variables
| Name | Default | Describtion |
|---|---|---|
| --hhl-icon-color | Theme: --col-txt-3 | The color of the icon. |
| --hhl-icon-size | 24 | The size. |