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.
ts
import { Blockquote } from '@astryx-svelte/core';

Best practices

GuidancePractices
DoUse for quoted text, testimonials, or highlighted excerpts from external sources.
DoProvide a cite prop when the source of the quote is known.
Don'tUse 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.