Badge

A versatile component that displays a badge with various styles and sizes.

Installation

npm

npx maiton add badge

import { Badge } from "../components/Badge";

<Badge>Badge</Badge>

The Badge component extends div, so you can pass all standard div props.

Description	The style variant of the badge
Type	`primary \| secondary \| outline \| success \| error \| warning \| undefined`
Default	`primary`

Description	The size of the badge
Type	`sm \| md \| lg \| undefined`
Default	`md`