Body

To display a paragraph or other kind of body text use the Text.Body component. By default it will render a p tag with your content, but as any other component in this library you can specify a tag you want to render it as by passing a property as to it.

<Text.Body>
  Lorem ipsum dolor sit amet consectetur adipisicing elit.
</Text.Body>

Will render as

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Variants

The Body component accepts these properties:

Property	Value
variant	caption
weight	regular | bold | black

Passing a variant of value caption

<Text.Body variant="caption">I'm a caption</Text.Body>

Will render as

I'm a caption

<Text.Subtitle weight={weight}>Subtitle</Text.Subtitle>

Regular

Bold

Black

Body

Body

Body

Caption

Caption

Caption