Theme-aware, responsive blockquote component.
Change any prop and inspect the server-rendered component immediately.
I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed.
<Blockquote
citationTitle="Blockquote example"
align="start"
/>Compare configurations and resize the browser to check responsive behavior.
Balanced spacing, hierarchy, and content for the most common product workflow.
I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed.
<Blockquote
citationTitle="Blockquote example"
align="start"
/>A tighter variation for dashboards, side panels, tables, and operational interfaces.
I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed.
<Blockquote
citationTitle="Compact Blockquote"
size="sm"
align="center"
variant="secondary"
/>A more expressive variation using additional data, stronger emphasis, and optional states.
I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed.
<Blockquote
citationTitle="Advanced Blockquote"
size="lg"
align="end"
variant="success"
/>All content and behavior shown above is supplied through these props and slots.
| Prop | Type | Default | Required |
|---|---|---|---|
quote | string | "I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed." | No |
citation | string | "" | No |
citationTitle | string | "" | No |
citationUrl | string | "" | No |
avatarSrc | string | "" | No |
avatarAlt | string | "" | No |
size | string | "md" | No |
color | string | "primary" | No |
align | string | "left" | No |
variant | string | "default" | No |
quoteMark | boolean | true | No |
italic | boolean | true | No |
class | string | "" | No |