Glowup
FOUNDATIONS · 01 / 89
Typography
Typography — a Material You foundations component for React Native and web.
󱀫
packages/ui/src/components/Typography.tsx
Live demo
The quick brown fox
Properties
2 controls
Text
Variant
Body Large
󰍝
Usage
Typography.tsx
<Typography> The quick brown fox </Typography>
Variants
The states and shapes this component is meant to be used in.
Display and headline
Material You
Type that scales with intent
Six roles, three sizes each
Titles and body
Billing preferences
Payment method
Invoices are issued on the first working day of each month and charged to the card on file.
Changing the card mid-cycle applies from the next invoice; the current one is already committed.
VAT is calculated from the billing address, not the shipping address.
Labels
Continue to payment
Updated 3 minutes ago
Required field
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
2 on TypographyProps
Also accepts everything from TextProps.
children
required
React.ReactNode
variant
TypographyVariant
default: "displayLarge"
M3 type-scale role. Defaults to `"displayLarge"`.
Next
Divider
󰅂