Zum Hauptinhalt springen

Span

Die Span-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung direkt verwendet zu werden. Denn der Span ist nur dann wirklich barrierefrei, wenn es in Kombination mit dem Tooltip verwendet wird.

Die Span-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die Text-Icon-Kombination und das Expert-Slot-Konzept einheitlich umzusetzen.

Konstruktion

Code

<kol-span _icon="codicon codicon-home" _icon-only="false" _label="Text inside the span."></kol-span>

Beispiel

Properties

PropertyAttributeDescriptionTypeDefault
_icon_iconIconklasse (z.B.: "codicon codicon-home")KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefinedundefined
_iconOnly_icon-onlyGibt an, ob nur das Icon angezeigt wird.boolean | undefinedfalse
_label (required)_labelSetzt den sichtbaren Text des Elements.stringundefined

Dependencies

Depends on

  • kol-span-wc

Graph


Live-Editor

Beispiele