---
name: Label
menu: Components
---

import { Playground, PropsTable } from 'docz';
import { Label, LabelDocz } from '../';
import { theme } from '~/styles/theme';

import { constants, types } from '~/misc';

# Label

<PropsTable of={LabelDocz} />

## Basic usage

<Playground>
  <Label color={theme.tokens[types.Tokens.Ether].color}>Issued in ETH</Label>
  <Label
    color={theme.tokens[types.Tokens.Dai].color}
    bg={theme.tokens[types.Tokens.Dai].backgroundColor}
  >
    Issued in DAI
  </Label>
  <Label color={theme.tokens[types.Tokens.Poly].color}>Issued in POLY</Label>
  <Label color={theme.tokens[types.Tokens.Erc20].color}>Issued in ERC20</Label>
</Playground>
