Text

Text is the used to render text and paragraphs within an interface. It renders a <p> tag by default.

Import

import { Text } from '@outfitio/outkit';

Changing the font size

To increase the font size of the text, you can pass the fontSize prop.

Truncate text

Pass the isTruncated prop to render an ellipsis when the text exceeds the width of the viewport or maxWidth set.

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()

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.

Props

Text composes the Box component, so you can pass all Box style props.