Status Light

Status Lights, as semantic elements, allow the user to display the completion status of tasks, processes and more.

Props

NameTypeDescriptionDefault
mode'default' | 'info' | 'success' | 'warning' | 'error'It will define the color of the light based on its semantic meaning.'default'
labelstringAn auxiliar text that will add some context to the status.-
size'small' | 'medium' | 'large'Size of the component. Should be defined based on its importance and/or available space.'medium'

Examples

Basic usage