Status Indicator

Status Indicators communicate the current state of an item at a glance using semantic meaning.

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Storybook

React guidance

Source

GitHub code

Example


                                                        
                                                        
                                                            import { StatusIndicator } from '@optimus-web/core';
                                                        
                                                        <StatusIndicator variant="success">
                                                          StatusIndicator
                                                        </StatusIndicator>