Text
Text is the used to render text and paragraphs within an interface. It renders a
<p> tag by default.
Import#
Changing the font size#
To increase the font size of the text, you can pass the fontSize prop.
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
In love with React & Next
Truncate text#
Pass the isTruncated prop to render an ellipsis when the text exceeds the
width of the viewport or maxWidth set.
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.
Override style#
You can change the entire style of the text via props. For example, to change
the font size, pass the fontSize prop. No need to write css or styled()
I'm using a custom font-size value for this text
Override the element#
To override the element that gets rendered, pass the as prop. Use Inspect
Element to see the element that gets rendered in html.
Underline
I18N
Citation
Emphasis
Inserted
Ctrl + C
Highlighted
Sample
sub
sup
Props#
Text composes the Box component, so you can pass all Box style props.