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
Prop | Default | Description |
---|---|---|
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 |