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
Ich
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.
Links and references
Overview
The Abbr component implements the HTML tag abbr with an accessible tooltip. The tooltip for the description is displayed and read aloud when the Abbr component is focused or hovered.
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
_label | _label | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | string | undefined | undefined |
Slots
| Slot | Description |
|---|---|
| The abbreviation (short form). |