Status Tags
Overviewâ
CmAdmin provides a set of custom status tag classes used to display enum or state values with a colored badge. These are rendered via the :tag field type and are controlled using the tag_class option.
Available Tag Classesâ
| Class | Preview | Use Case Example |
|---|---|---|
active-one | Sample | Active, In Progress, Enabled |
active-two | Sample | Pending, Awaiting, Draft |
active-three | Sample | On Hold, Needs Review |
active-four | Sample | Scheduled, Queued |
active-five | Sample | Info, Processing |
completed | Sample | Completed, Approved, Verified |
neutral | Sample | Inactive, Archived, Unknown |
danger | Sample | Rejected, Failed, Blocked, Deleted |
note
active is an alias for active-one and produces the same blue styling. Prefer active-one for new usage to keep things explicit.
Best Practicesâ
- Use
completedfor positive terminal states (approved, verified, done) - Use
dangerfor negative terminal states (rejected, failed, blocked) - Use
neutralfor inactive or non-significant states (archived, unknown) - Use
active-onefor currently live or enabled items - Use
active-twofor items awaiting action (pending, draft) - Use
active-threethroughactive-fiveto differentiate multiple intermediate states when two or more non-red/green statuses exist - Avoid mixing Bootstrap badge color classes (
success,warning, etc.) with these custom classes â they are not equivalent and will produce inconsistent styling