Status
A small icon component to visually show the current status of an element, like online, offline, error, etc.
Installation
npx jsx-daisyui add statusDefault
status-default
Sizes
status-sizes
Colors
status-colors
Ping Animation
status-ping
Server is down
Bounce Animation
status-bounce
Unread messages
Props
Status
| Prop | Type | Default | Description |
|---|---|---|---|
color | 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | - | The color indicating the specific status. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | The size of the status indicator. |