Span
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" _label="Text inside the span."></kol-span>
Beispiel
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
_hideLabel | _hide-label | Hides the label and shows the description in a Tooltip instead. | boolean | undefined | false |
_icon | _icon | Defines the icon classnames (e.g. _icon="fa-solid fa-user"). | KoliBriHorizontalIcon & KoliBriVerticalIcon | string | undefined | undefined |
_iconOnly | _icon-only | [DEPRECATED] use _hide-label Deprecated: Hides the label and shows the description in a Tooltip instead. | boolean | undefined | undefined |
_label (required) | _label | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to false to enable the expert slot. | boolean | string | undefined |
Dependencies
Depends on
- kol-span-wc