shadcn-ui-badge

star 8

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

By serverpod schedule Updated 3/7/2026

play_arrow Run Skill in Manus View GitHub

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

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.

Install via CLI

npx skills add https://github.com/serverpod/skills-registry --skill shadcn-ui-badge

Repository Details

star Stars 8

call_split Forks 0

navigation Branch main

article Path SKILL.md