Homelogologo
Sponsor

Text

Renders text and paragraphs in the interface.

Usage

The Text component simplifies styling with design tokens and an ergonomic API for responsive designs.

import { Text } from "@elemnts-ui/react"
<Text> {...content} </Text>

Sizes

Control text size with the fontSize or textStyle prop.

Weights

Control font weight using the fontWeight prop.

Truncation

Use the truncate prop to limit the text to a single line.

Line Clamp

Use the lineClamp prop to limit content to a specified number of lines, truncating any overflow.