Welcome UI logo

Text

The Text component is a fundamental UI element used to display and style text content within an application. It provides various typography options, such as font size, weight, color, and alignment, allowing for consistent and customizable presentation of textual information. This component is essential for conveying information clearly and effectively in the user interface.

Source
OverviewProps

Text

lines

number

sizes

"md" | "lg" | "sm" | "xl"

strong

Boolean

variant

"display-xl" | "display-lg" | "display-md" | "display-sm" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-md-strong" | "heading-sm-strong" | "heading-xs-strong" | "body-xl" | "body-lg" | "body-md" | "body-sm" | "body-xl-strong" | "body-lg-strong" | "body-md-strong" | "body-sm-strong" | "label-xl" | "label-lg" | "label-md" | "label-sm" | "label-md-strong" | "label-sm-strong"

withDash

Boolean

Tooltip