Blockquote @astryx-svelte/core v0.3.0 · Blockquote
Usage
A styled quotation block with an accent-colored left border and secondary text color. Use to highlight quoted content, testimonials, or excerpts.tsimport { Blockquote } from '@astryx-svelte/core';
Best practices
| Guidance | Practices |
|---|---|
| Do | Use for quoted text, testimonials, or highlighted excerpts from external sources. |
| Do | Provide a cite prop when the source of the quote is known. |
| Don't | Use for callout boxes or informational notes; use Banner for those. |
Examples
Common configurations, variations, and states.Blockquote — Testimonials
Multiple quotes arranged in a card grid for a testimonials section. Combine with Card and Grid to create social-proof layouts.
Blockquote — With Attribution
A plain quote and a quote with a cite attribution. Use cite to credit the original author or source.