# 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="https://1303901111-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqkA65ZBta5cBbldyxyst%2Fuploads%2Fgit-blob-7554e561a141c8b7dd4d5330f92666a4e09781ac%2FSchermata%202022-08-30%20alle%2015.09.36.png?alt=media" alt=""><figcaption></figcaption></figure>