Components
Badge
Play around with props, edit and copy code.
Properties
Badge
| Prop name | Type | Default Value | Description |
|---|---|---|---|
| branding | union | 'default' | Branding, buildt in support for default, red and orange. |
| size | enum | 'standard' | Size of the badge, defaults to standard. |
| bounce | bool | Set bounce to true to run keyframe animation of bounce. | |
| children | node | Content | |
| className | string | Custom css classes. | |
| hide | bool | Prepare to animate, adds visibility: hidden. |
Accessibility
This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.
Additional information regarding accessibility of this component below.
- Badge is a normal span element with text inside which doesn’t have any added functionality for assistive technologies.