WUI logo

Text

Allows user to remain consistent with our text sizing and line-height

version

5.0.0-alpha.16

install

yarn add @welcome-ui/text

usage

import { Text } from '@welcome-ui/text'

Typography #

Bring your own tag #

You can pass a tag name with as to use that tag type with the styling from another tag. For example…

Truncation #

Set the number of lines you want to display with lines. Your text will be displayed truncated with an ellipsis (...) at the end (if necessary).

Properties #

NameType(s)DefaultRequired
lines
number
variant
"h1"
"h2"
"h3"
"h4"
"h5"
"h6"
"h0"
"lg"
"md"
"sm"
"xs"
"subtitle-md"
"subtitle-sm"
md

Packages #

Dependencies #
Peer dependencies #