Docs: interactive playground for Badge variants
The Badge docs page should embed an interactive playground: variant, size, and color pickers with live code output users can copy.
Playground layout wireframe
Mobile layout of the playground
- Controls are generated from the component prop table (single source of truth)
- Code output stays in sync and is copy-pastable
- Playground state is encoded in the URL for sharing
Activity
harper.robinson created the issue· 7d ago
aamelia.kim5d ago
URL-encoded state pairs nicely with the docs search indexing work — shared playground links become deep links into the docs.