@invisionag/iris-react-status-label
v2.5.2
Published
```js import StatusLabel from '@invisionag/iris-react-status-label'; ```
Downloads
142
Maintainers
Keywords
Readme
import StatusLabel from '@invisionag/iris-react-status-label';
Deprecated
Moved to injixo-ui/core
A label component with multiple statuses.
Usage:
Default
<StatusLabel>Default</StatusLabel>
With status
Simply pass one or multiple of the following props
Primary
<StatusLabel primary>Primary</StatusLabel>
Success
<StatusLabel success>Success</StatusLabel>
Warning
<StatusLabel warning>Warning</StatusLabel>
Error
<StatusLabel error>Error</StatusLabel>
Multiple statuses
When the label has multiple statuses the prioritization is the following:
Error > Warning > Success > Primary
<StatusLabel success error>Error</StatusLabel>
In this example the success status will be overwritten by the error status.