Badge Order Status 1 component design & features
This badge example extends the shadcn Badge with status icons. Success and pending use a check icon, while canceled uses an x icon.
Outcome badges fit table cells and detail headers where one state needs to stay visually distinct from a second status chip.