> For the complete documentation index, see [llms.txt](https://legacy-docs.aragon.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://legacy-docs.aragon.org/developers/tools/aragonui/base/text-styles.md).

# Text styles

Text styles provided by aragonUI can be used through the `textStyle()` utility, which returns a series of CSS declarations corresponding to the desired text style.

The CSS properties can include any of the following, depending on the requested style:

* `font-size`
* `font-family`
* `font-weight`
* `text-transform`
* `line-height`

## Usage <a href="#usage" id="usage"></a>

```jsx
import { Main, textStyle } from '@aragon/ui'

function App() {
  return (
    <div
      css={`
        ${textStyle('body3')};
      `}
    >
      Body 3 text style
    </div>
  )
}
```

## Available text styles

<figure><img src="/files/Yej2qEIPZxhTqqZvIbt8" alt=""><figcaption></figcaption></figure>