---
description: 'Typography component.'
labels: ['mui', 'react', 'typography']
---

import Typography from './Typography'

## Basic Typography component

Basic example that renders an typography

### Component usage

```js
<Typography variant='body1' color='primary.main' emphasis='bold' gutterBottom tooltip="I'm a tooltip">
  Primary and bold - hover me to see a tooltip
</Typography>
```

### Use this live example to interact with Typography component

Live example:

```js live
<Typography variant='body1' color='primary.main' emphasis='bold' gutterBottom tooltip="I'm a tooltip">
  Primary and bold - hover me to see a tooltip
</Typography>
```
