文章 / 出典を伴う言葉

Quote

引用と出典を一緒に置き、周囲の議論と区別します。

基本的な使い方

プレビュー

情報を見やすくする。

doc-uiの設計原則

HTML

<blockquote class="quote">
  <p>情報を見やすくする。</p>
  <footer class="quote-source">doc-uiの設計原則</footer>
</blockquote>

クラス / 属性	用途
`.quote`	blockquoteのスタイル。
`.quote-source`	footerまたはciteに置く出典。

著者や文書名を記します。出典も情報の一部です。

作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。