Pill

Pill displays a number inside a badge-like element.

#Example

#Variants

#Alert

Use this variant for counts that require action, like notifications and warnings.

#Sizes

#Guidelines

#When to use

• Use as an alternative way of displaying a count of something.

#When not to use

• Avoid using pill inside a table cell. Prefer a "raw" text number instead.

#Content

• Must contain only numbers.
• Pill doesn't format numbers, so you'll have to handle it yourself.

#Props

Name	Default	Description
children	—	ReactNode Number.
variant	—	"primary" | "danger" Determines color scheme.
size	"md"	"sm" | "md" The pill size