Primitives

Blockquote

A quotation, marked by a leading accent rule rather than by italics — a whole paragraph in italic is harder to read, not more quoted.

plain markup — no library on the page

The same DOM, the same picture, in every framework.

Code

index.html

<blockquote class="aura-blockquote">
  The same DOM, the same picture, in every framework.
</blockquote>

The markup above is the whole API — there is no wrapper in any of the four packages, because a component here would set a class and add nothing. Write it as it stands, in whichever framework you are in.

Props

Plain markup has no props — the classes below are the whole API. The four packages do nothing more than set these same classes for you.

Emitted classes

Every framework emits the same classes — that is what makes the four libraries look identical. You can use them directly, without any component library.

Class	Role	Notes
.aura-blockquote	base	Required. A modifier does nothing without it.

Tokens and rules

components.css

rule: 3px solid var(--accent)
indent: var(--space-4) — logical, so it flips in RTL
text: var(--text-muted)