Text
Allows user to remain consistent with our text sizing and line-height
version
5.0.0
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 #
Name | Type(s) | Default | Required |
---|---|---|---|
lines | number | ||
variant | "h1" "h2" "h3" "h4" "h5" "h6" "h0" "lg" "md" "sm" "xs" "subtitle-md" "subtitle-sm" | md |