Badge

Badges are labels that highlights key information.

When to Use

To indicate an item's status for quick recognition using color.
To call attention to new features (e.g. “new”) or recommended integrations.

Usage

ts

  import { Badge } from '@youcan/alto';

vue

  <Badge state='danger' size="sm"> New  </Badge>

API Reference