Shadcn UI Badge

Display badges with ShadBadge; primary, secondary, destructive, outline variants. Use when showing tags, status labels, or count indicators in a Flutter shadcn_ui app.

serverpod b89d11f 697 B Updated

File contents

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.

serverpod/skills-registry/tree/main/skills/shadcn_ui/shadcn_ui-badge commit b89d11f88b

Frequently asked questions

npx skillmds@latest add serverpod/shadcn-ui-badge