snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
78
apps/v4/content/docs/components/aria/typography.mdx
Normal file
78
apps/v4/content/docs/components/aria/typography.mdx
Normal file
@@ -0,0 +1,78 @@
|
||||
---
|
||||
title: Typography
|
||||
description: Styles for headings, paragraphs, lists...etc
|
||||
base: aria
|
||||
component: true
|
||||
---
|
||||
|
||||
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.
|
||||
|
||||
<ComponentPreview
|
||||
styleName="aria-nova"
|
||||
name="typography-demo"
|
||||
className="[&_.preview]:h-auto!"
|
||||
hideCode
|
||||
/>
|
||||
|
||||
## h1
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-h1" />
|
||||
|
||||
## h2
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-h2" />
|
||||
|
||||
## h3
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-h3" />
|
||||
|
||||
## h4
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-h4" />
|
||||
|
||||
## p
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-p" />
|
||||
|
||||
## blockquote
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-blockquote" />
|
||||
|
||||
## table
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-table" />
|
||||
|
||||
## list
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-list" />
|
||||
|
||||
## Inline code
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-inline-code" />
|
||||
|
||||
## Lead
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-lead" />
|
||||
|
||||
## Large
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-large" />
|
||||
|
||||
## Small
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-small" />
|
||||
|
||||
## Muted
|
||||
|
||||
<ComponentPreview styleName="aria-nova" name="typography-muted" />
|
||||
|
||||
## RTL
|
||||
|
||||
To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl).
|
||||
|
||||
<ComponentPreview
|
||||
styleName="aria-nova"
|
||||
name="typography-rtl"
|
||||
direction="rtl"
|
||||
className="[&_.preview]:h-auto!"
|
||||
/>
|
||||
Reference in New Issue
Block a user