阅读排版 Prose

<article class="xxd-prose"><h2>编辑式海报</h2><p>克制的编辑式粗野主义。</p><blockquote>动效用来揭示层级。</blockquote></article>

export function ProseDemo() {
  return (
    <Prose style={{ maxWidth: 560 }}>
      <h2>为什么是直角</h2>
      <p>直角让内容先说话。所有颜色、圆角、阴影都来自 <code>tokens.css</code>。</p>
      <blockquote>动效用来揭示层级和给反馈，不是装饰。</blockquote>
    </Prose>
  );
}