Body

done

Overview

This component lets developers select body text sizing with a reusable component rather than applying body typography utility classes or mixins manually.

Examples

Basic Usage

By default the size of the text will be set to md.

Soufflé caramels croissant jujubes gummies. Pastry topping biscuit jelly beans shortbread jelly beans sweet. Apple pie topping jujubes danish topping caramels.

Sizes

Body size can be set to xs, sm, or md.

Medium (md). Pastry topping biscuit jelly beans shortbread jelly beans sweet. Apple pie topping jujubes danish topping caramels.

Small (sm). Pastry topping biscuit jelly beans shortbread jelly beans sweet. Apple pie topping jujubes danish topping caramels.

Extra Small (xs). Pastry topping biscuit jelly beans shortbread jelly beans sweet. Apple pie topping jujubes danish toppingcaramels.

Custom Styling

You can apply custom styles using the className prop.

Pastry topping biscuit jelly beans shortbread jelly beans sweet. Apple pie topping jujubes danish topping caramels.

Import

import { Body } from '@im/integral/components/styled';

Props

Prop

Type