---
name: Text
route: /text
menu: ⚛️ Atoms
---

import { Playground } from 'docz'
import { Text } from '../src'

# Text

<Playground>
  <Text>The most simple Text</Text>
</Playground>

## Tags

<Playground>
  <Text tag="h1">Bonjour tag:h1</Text>
  <Text tag="h2">Bonjour tag:h2</Text>
  <Text tag="h3">Bonjour tag:h3</Text>
  <Text tag="h4">Bonjour tag:h4</Text>
  <Text tag="h5">Bonjour tag:h5</Text>
  <Text tag="h6">Bonjour tag:h6</Text>
</Playground>

## Sizes

<Playground>
  <Text size="typo1">Bonsoir size:typo1</Text>
  <Text size="typo2">Bonsoir size:typo2</Text>
  <Text size="typo3">Bonsoir size:typo3</Text>
  <Text size="typo4">Bonsoir size:typo4</Text>
  <Text size="typo5">Bonsoir size:typo5</Text>
  <Text size="typo6">Bonsoir size:typo6</Text>
</Playground>

## Mix-up

<Playground>
  <Text tag="h1" size="typo5">
    Bonsoir tag:h1 size:typo5
  </Text>
  <Text tag="span" size="typo1">
    Bonsoir tag:span size:typo1
  </Text>
  <Text tag="h3" size="typo2">
    Bonsoir tag:h3 size:typo2
  </Text>
  <Text tag="h6" size="typo3">
    Bonsoir tag:h6 size:typo3
  </Text>
</Playground>