Componente de Badge

O Badge é utilizado para exibir pequenos indicadores de status com diferentes cores.

Como importar

import { Badge } from '@/app/shared/@JustLaunch/components'
import { BadgeColor } from '@/app/shared/@JustLaunch/domain/enums/BadgeColor'

Exemplo de uso

Primary

<Badge color={BadgeColor.Primary}>Primary Badge</Badge>

Red

<Badge color={BadgeColor.Red}>Red Badge</Badge>

Orange

<Badge color={BadgeColor.Orange}>Orange Badge</Badge>

Amber

<Badge color={BadgeColor.Amber}>Amber Badge</Badge>

Yellow

<Badge color={BadgeColor.Yellow}>Yellow Badge</Badge>

Lime

<Badge color={BadgeColor.Lime}>Lime Badge</Badge>

Green

<Badge color={BadgeColor.Green}>Green Badge</Badge>

Emerald

<Badge color={BadgeColor.Emerald}>Emerald Badge</Badge>

Teal

<Badge color={BadgeColor.Teal}>Teal Badge</Badge>

Cyan

<Badge color={BadgeColor.Cyan}>Cyan Badge</Badge>

Sky

<Badge color={BadgeColor.Sky}>Sky Badge</Badge>

Blue

<Badge color={BadgeColor.Blue}>Blue Badge</Badge>

Indigo

<Badge color={BadgeColor.Indigo}>Indigo Badge</Badge>

Violet

<Badge color={BadgeColor.Violet}>Violet Badge</Badge>

Purple

<Badge color={BadgeColor.Purple}>Purple Badge</Badge>

Fuchsia

<Badge color={BadgeColor.Fuchsia}>Fuchsia Badge</Badge>

Pink

<Badge color={BadgeColor.Pink}>Pink Badge</Badge>

Rose

<Badge color={BadgeColor.Rose}>Rose Badge</Badge>

Zinc

<Badge color={BadgeColor.Zinc}>Zinc Badge</Badge>