Skip to main content

We have released KoliBri - Public UI v4 (Next). For the LTS version, see .

Your opinion matters! Together with you, we want to continuously improve KoliBri. Share your ideas, wishes, or suggestions—quickly and easily.

Abbr

The Abbr component implements the HTML tag abbr to represent an abbreviation. Optionally, a label can be passed, which is displayed in brackets after the abbreviation.

Construction

Code

<p>Ich <kol-abbr _label="zum Beispiel">z. B.</kol-abbr> bin eine Abkürzung mit Label.</p>
<p>Ich <kol-abbr>z. B.</kol-abbr> bin eine Abkürzung ohne Label.</p>

Example

Ich z. B. bin eine Abkürzung mit Label.

Ich z. B. bin eine Abkürzung ohne Label.

Usage

Specify the description of the abbreviation

The term or explanation is passed via the _label attribute, the abbreviation or the term worthy of explanation comes between the tags in the HTML.

Properties

PropertyAttributeDescriptionTypeDefault
_label_labelDefines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).string | undefinedundefined

Slots

SlotDescription
The abbreviation (short form).

View example

Live editor

Examples