Icon
Mit Hilfe der Icon-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut _icon
gesteuert werden und erfolgt durch das Attribut _label
barrierefrei. Die Ausgabe erfolgt standardmäßig als inline
-Element.
Aktuell werden die Icons von
index.html
) die CSS-Dateie(n) der Icon-Font(s) eingebunden ist/sind.Konstruktion
Die Komponente Icon wird über das HTML-Tag kol-icon
erzeugt.
Code
<kol-icon _label="Zu Hause" _icons="codicon codicon-home"></kol-icon>
Beispiel
Icons
Die Property _icons
erwartet einen String mit den Klassennamen der zu zeigenden Icons (z.B.: _icons="codicon codicon-home
).
Barrierefreiheit
Wichtig ist bei Kontext-relevanten Grafiken, dass sie beschriftet werden.