@asphalt-react/badge v1.17.0

Badge

Badges are used to inform about status or show a numerical value in proximity to notifications or any action that has been taken.

There are 2 types of badges

1. Strong
2. Light

Use a strong badge to denote quantity, use a light badge to seek mild attention. Both types offer different support variants namely danger, warning, info and success which are available as props.

Badge renders danger variation by default for both Strong and Light badges.

Usage

import Badge from "@asphalt-react/badge"

// Strong badge
<Badge value={29} />

// Light badge
<Badge />

Props

value

Numeric value displayed in badge.

danger

Applies danger styles

warning

Applies warning styles

info

Applies info styles

success

Applies success styles