Примитивы

Blockquote

Цитата, отмеченная акцентной линией сбоку, а не курсивом: целый абзац курсивом читается хуже, а не «цитатнее».

чистая разметка — библиотеки на странице нет

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

Код

index.html

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

Разметка выше и есть весь API: обёртки нет ни в одном из четырёх пакетов, потому что компонент здесь поставил бы класс и не добавил ничего. Пишите её как есть, в любом фреймворке.

Пропсы

У чистой разметки нет пропсов — классы ниже и есть весь API. Четыре пакета не делают ничего сверх того, что проставляют вам те же самые классы.

Какие классы отдаёт

Все фреймворки отдают одни и те же классы — именно поэтому четыре библиотеки выглядят одинаково. Их можно использовать напрямую, вообще без библиотеки компонентов.

Класс	Роль	Примечания
.aura-blockquote	база	Обязательный. Без него модификатор не работает.

Токены и правила

components.css

линия: 3px solid var(--accent)
отступ: var(--space-4) — logical, so it flips in RTL
текст: var(--text-muted)