Quote
The Quote component has two variants, a short body text ("inline") and an indented ("block") variant. Both versions contain a link to the source of the quote.
Construction
<KolQuote _href="https://public-ui.github.io/en/docs" _label="KoliBri" _quote="Together, we make HTML semantically accessible using reusable Web Components to ensure usability and accessibility." _variant="block" />A heading can be set using _label, while _quote contains the actual quote. The origin is set via _href. The inline variant is standard, if indented is desired, _variant can be set to block.
References
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' |