Dev Design Library

Status Mark

A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a spinning or real-progress arc, then draws a check or a cross, with an optional label strike.

Status Mark preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/StatusMark
Files
  • src/content/Micro/StatusMark/StatusMark.css
  • src/content/Micro/StatusMark/StatusMark.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits