← All components
Feedback / Component
Badge
Filled and outlined labels for status or metadata. Use words to communicate meaning rather than relying on color alone.
PublishedIn progressVersion 01
Make it part of your build
Use the real component.
The preview uses the same React components and CSS available in the Code view.
- Copy Components into
src/components/vault/kit.tsx. - Copy Styles into
src/styles/vault-kit.module.css. - Import the component using the Usage example. Add Your theme to a parent to carry your colors across.
React + TypeScript + CSS Modules. The import alias @/ points to src/; adjust it for your project.