Skip to content
Spiral
/
/
Give feedback
Status badge
Status badges visually communicate a status or condition at a glance.
Stroke
Completed
Warning
Info
Failed
Disabled
Completed
Warning
Info
Failed
Disabled
Show code
Lighter
Completed
Warning
Info
Failed
Disabled
Completed
Warning
Info
Failed
Disabled
Show code
API References
Prop
Type
Default
children
ReactNode
—
status
"completed"
"warning"
"info"
"failed"
"disabled"
"completed"
style
"stroke"
"light"
"stroke"
variant
"icon"
"dot"
"icon"
className
string
" "
