Skip to content

Typography

Primitive typographic component
import { Typography } from '@ensdomains/thorin'
<Typography>Hello World</Typography>

Props
#

name
type
default
description
as
"code" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span" | "i"
div
element type of container
className
string
-
The classname attribute of contianer.
color
any
-
-
ellipsis
boolean
-
If true, will truncate text with an elipsis on overflow. If false, text will break on the next word.
font
"sans" | "mono"
sans
The
ref
Ref<HTMLElement>
-
-
size
"small" | "base"
-
-
variant
"label" | "small" | "large" | "extraLarge" | "labelHeading"
-
Font size and
weight
"bold" | "semiBold" | "medium" | "normal" | "light"
-
The tokens.fontWeight value

Variants
#

Weights
#

Fonts
#

Color
#

Ellipsis
#

Edit on GitHub