Status Light

Status lights are used to color code categories and labels commonly found in data visualization. When status lights have a semantic meaning, they should use semantic variant colors.

Library

React Spectrum

Framework

React

Type

component

License

Apache-2.0

Files

• packages/@react-spectrum/s2/src/StatusLight.tsx
• packages/@react-spectrum/s2/src/CenterBaseline.tsx
• packages/@react-spectrum/s2/src/style-utils.ts
• packages/@react-spectrum/s2/style/index.ts
• packages/@react-spectrum/s2/src/Content.tsx
• packages/@react-spectrum/s2/src/useDOMRef.ts
• packages/@react-spectrum/s2/src/Skeleton.tsx
• packages/@react-spectrum/s2/src/useSpectrumContextProps.ts

Source

https://github.com/adobe/react-spectrum

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Status Indicator Components
• React Status Indicator Components
• Tailwind CSS Status Indicator Components

More from React Spectrum

• Ai Response Status
• Accordion
• Action Bar
• Action Button
• Action Button Group
• Action Menu
• Alert Dialog
• Avatar
• Avatar Group
• Badge
• Breadcrumbs
• Button