Components组件Base UIBase UI 组件
Typography
Styles for headings, paragraphs, lists, etc.
Partially translated: Chinese navigation, titles, descriptions, and common headings. The technical body is currently in English.
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
Email address
Muted
Loading JGuang UI example…
RTL
To enable RTL support in JGuang UI, see the RTL configuration guide.
Loading JGuang UI example…
Source: components/base/typography.mdx
Technical documentation for JGuang UI.