Shadcn UI — Badge

Instructions

ShadBadge displays a badge or badge-like component. Variants: default (primary), ShadBadge.secondary, ShadBadge.destructive, ShadBadge.outline.

Variants

ShadBadge(child: const Text('Primary'))

ShadBadge.secondary(child: const Text('Secondary'))

ShadBadge.destructive(child: const Text('Destructive'))

ShadBadge.outline(child: const Text('Outline'))

Wrap any child (typically Text) with the desired constructor.