nazim-status-badges

To implement consistent status badges in a frontend UI design system, apply the `statusBadgeVariant` function to map predefined variants like default, secondary, outline, and destructive to common status meanings such as success, neutral, info, and error.

Semantic color mapping for status indicators assigns green to success, red to error, and yellow to warning, providing clear visual cues for both light and dark modes across dialogs, cards, and tables.

To display student enrollment status using shadcn/ui badge variants, map active students to a green default badge, pending students to an orange outline badge, and withdrawn students to a red destructive badge.

Yes, this status badge pattern works for both light and dark UI modes by enforcing predefined semantic color schemes that ensure clarity and consistent user experience across various application modules.

You need standardized badge variants for student management and attendance tracking when you want to enforce consistent status display patterns across tables and cards, improving user understanding of enrollment and fee collection states.