Paragraph

A component for displaying text content.

Feel at home with Qasa.

Examples

Sizes

The size prop can be used to change the size of the paragraph.

Extra small

Small

Medium

Large

Extra large

Truncate

The numberOfLines prop can be used to truncate the paragraph text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

API Reference

PropDefaultDescription
as?-"p"
color?'normal'"strong" | "default" | "subtle" | "disabled" | "negative" | "warning" | "positive" | "onBrandPrimary" | "onBrandSecondary" | "onBrandTertiary"

Sets the color of the text

size?'md'ResponsiveProp<"sm" | "md" | "lg" | "xl" | "xs">

Sets the visual size of the text

numberOfLines?-number

Truncates the text after a specific number of lines

textAlign?'left'"center" | "left" | "right"

Alignment of the paragraph