Typography

Typography 组件，源码位于 components/ui/typography.tsx。以下示例为组件库源码的构建期真实渲染。

样式变体

标题层级Headings

页面标题

分组标题

卡片标题

正文Body text

默认正文用于高密度工具界面。

弱说明文本。

辅助 caption。

代码与键盘Code and Kbd

运行 pnpm build 后按 Enter

状态变体

正常Normal

这是正常正文。

弱化Muted

这是弱化说明。

截断Truncate

很长很长的标题或正文需要明确截断策略

形态变体

语义标签Semantic tag

语义 h3，视觉 small

行内文本Inline text

行内强调文本

大正文Large body

阅读密度较低的说明正文。