Luke UI
GitHub repository

Quote

Short inline quotation.

Quote marks a short quotation inside a sentence. It renders a native q element, which conveys quotation semantics to assistive technology and receives the browser's own quotation marks.

Quote: Basic
Loading Quote: Basic example

Quote stays inline and inherits the surrounding typography. Use textWrap to control wrapping. Use lineClamp to constrain a longer quotation. Use cite to give the source URL.

API

QuoteProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.

Prop

Type

On this page