Quote

Simple Quote component with left border in primary color.

Est adipisicing officia eiusmod consequat aliqua qui amet sunt magna in.

<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#E1E4E8"><</span><span style="color:#FDAEB7;font-style:italic">Quote</span><span style="color:#B392F0"> text</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"Est adipisicing officia eiusmod consequat aliqua qui amet sunt magna in."</span><span style="color:#E1E4E8"> /></span></span></code></pre>

Est adipisicing officia eiusmod consequat aliqua qui amet sunt magna in.

<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="html"><code><span class="line"><span style="color:#E1E4E8"><</span><span style="color:#FDAEB7;font-style:italic">Quote</span><span style="color:#B392F0"> class</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"font-headlight text-center"</span><span style="color:#B392F0"> text</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">"Est adipisicing officia eiusmod consequat aliqua qui amet sunt magna in."</span><span style="color:#E1E4E8"> /></span></span></code></pre>

Props

Prop	Type	Default	Description
`as`	`'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'p' \| 'div' \| 'span'`	`'div'`	HTML element rendered as the quote container.
`text`	`string`	`''`	Quote text. Ignored if a default slot is provided.

Slot

The default slot replaces the text prop entirely — useful when you want to include inline formatting or links inside the quote.