...
| Page Properties |
|---|
...
|
Props
Props of the Button base component are also available.
...
Name
...
Control
...
Description
content
...
Typography
...
className
...
Set string
...
noWrap
...
Set boolean
...
align
...
start
inherit
center
end
justify
...
variant
...
headlineXXL
headlineXL
headlineL
headlineM
headlineS
headlineXS
bodyXL
bodyL
bodyM
bodyS
bodyXS
overline
...
tag
...
span
caption
h1
h2
h3
h4
h5
h6
p
div
...
isRTE
...
|
Introduction
Typography helps to create hierarchies, organize information, and guide our users through pages. The Typography component makes it easy to apply a default set of font weights and sizes within your website.
...
Anatomy
Editorial
Provide enough contrast between text and its background colors.
For font size use relative units to accommodate the user settings.
Don't skip heading levels. In order to solve this problem, consider separating the semantics from the style.
...
Usage
Do’s
Whenever possible, use left aligned text.
Use the underline style to link text in the body to show when text is clickable.
Don’ts
Unless absolutely necessary, don’t use right aligned, centered or justified text.
Don’t break words.
Don’t leave short words hanging.
Don’t make big indents on single lines.
Don’t use caps excessively.