@invisionag/iris-react-status-label

```js import StatusLabel from '@invisionag/iris-react-status-label'; ```

Stats

StarsIssuesVersionUpdatedCreatedSize
@invisionag/iris-react-status-label
2.5.24 months ago4 years agoMinified + gzip package size for @invisionag/iris-react-status-label in KB

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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.