Quote
The <pines-quote> component renders a styled blockquote with attribution. Use it for customer testimonials, pull quotes in editorial content, or any scenario where a statement needs to be visually distinguished from surrounding text and credited to a named source.
Properties
| Attribute | Type | Description |
author
|
string
|
Full name of the person being quoted. Displayed as the primary attribution below the quote text — use the name as the reader would recognize it. |
author-title
|
string?
|
Role, title, or affiliation of the author. Displayed beneath the author name to provide context that lends credibility to the quote — for example, "CEO, Acme Corp" or "Lead Designer". |
image-url
|
string?
|
URL of the author's photo or avatar. When provided, an image is rendered alongside the attribution. Use a square or close-cropped portrait for best visual results. |
image-alt
|
string?
|
Accessible alt text for the author's image. Provide a brief description such as the author's name for screen reader compatibility. |