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 #
| Name | Type(s) | Default | Required |
|---|---|---|---|
| lines | number | ||
| variant | "h1" "h2" "h3" "h4" "h5" "h6" "h0" "lg" "md" "sm" "xs" "subtitle-md" "subtitle-sm" | md |