Components组件Base UIBase UI 组件
Typography
浏览 Base UI 与 Radix UI 的全部组件实现。
中文模式已适配导航、标题、简介、目录与常用章节名称。翻译状态：部分完成；技术正文目前仍为英文。
We do not ship any typography styles by default. This page is an example of how you can use utility classes to style your text.
Loading JGuang UI example…
h1
Taxing Laughter: The Joke Tax Chronicles
h2
The People of the Kingdom
h3
The Joke Tax
h4
People stopped telling jokes
p
The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax.
blockquote
"After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."
table
Loading JGuang UI example…
list
- 1st level of puns: 5 gold coins
- 2nd level of jokes: 10 gold coins
- 3rd level of one-liners : 20 gold coins
Inline code
@radix-ui/react-alert-dialogLead
A modal dialog that interrupts the user with important content and expects a response.
Large
Are you absolutely sure?
Small
Loading JGuang UI example…
Muted
Loading JGuang UI example…
从右到左布局
To enable RTL support in JGuang UI, see the RTL configuration guide.
Loading JGuang UI example…
来源: components/base/typography.mdx
JGuang UI 技术文档。