Badge
Badges are used to inform customers and suppliers of the status of an object.
Default
Use to give a non-critical status update on a piece of information or action.
Informational
Use to call out an object or action as having an important attribute.
Success
Use to indicate a successful, completed, or desirable state when it’s important to provide positive reinforcement to users.
Attention
Use when something requires users’ attention but the issue isn’t critical.
Warning
Use for warnings and time-sensitive issues that require users’ attention and potential action.
Critical
Use for critical and irreversible issues that require users’ attention and potential action.
Props
-
status
string
Text that is displayed in the badge
-
type
'neutral' | 'informational' | 'success' | 'attention' | 'warning' | 'critical'
Determines the colors used in the badge