Quote
Die Quote-Komponente verfügt über zwei Varianten, eine kurze Fließtext-(inline) und eine eingerückte(block) Variante. Beide Varianten enthalten einen Link auf die Quelle des Zitates.
Konstruktion
<KolQuote _href="https://public-ui.github.io/docs" _label="KoliBri" _quote="Wir machen gemeinsam HTML mittels wiederverwendbaren Web Components semantisch barrierefrei, um die Usability und Zugänglichkeit sicherzustellen." _variant="block" />Mittels _label kann eine Überschrift gesetzt werden, während _quote das eigentliche Zitat enthält. Der Ursprung wird über _href gesetzt. Die inline-Variante ist Standard, sofern die Eingerückte gewünscht ist, kann _variant auf block gesetzt werden.
References
API
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
_href (required) | _href | Sets the target URI of the link or citation source. | string | undefined |
_label | _label | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | string | undefined | undefined |
_quote (required) | _quote | Defines the text of the quote. | string | undefined |
_variant | _variant | Defines which variant should be used for presentation. | "block" | "inline" | undefined | 'inline' |