文字层级 Text

<div class="xxd-text-pair">
  <h2 class="xxd-text" data-variant="heading2">外观</h2>
  <p class="xxd-text" data-variant="caption">只影响这个插件</p>
</div>
<p class="xxd-text">正文 13px <span class="xxd-text" data-variant="mono">--r-sm</span></p>

export function TextDemo() {
  return (
    <div className="grid gap-1">
      <Text variant="heading2">外观</Text>
      <Text variant="secondary">只影响这个插件</Text>
    </div>
  );
}