---
name: Label
menu: Atoms
route: /atoms/Label
---

import Label from './Label';
import { Playground, Props } from 'docz';

# Label

This component renders an HTML `<div>` and passes along all props.

## API
<Props of={Label} />

## Pendientes

<Playground>
 <Label text="Pendientes" color="#E65100" background="#FFF3E0" />
</Playground>

## Terminadas

<Playground>
 <Label text="Terminadas"  color="#1B5E20" background="#E8F5E9" />
</Playground>

## Reunión finalizada

<Playground>
 <Label text="Reunión finalizada" meeting color="#F44336" background="#FFEBEE" />
</Playground>

## Borde redondo

<Playground>
 <Label text="Reunión finalizada" round color="#F44336" background="#FFEBEE" />
</Playground>