← All components
Layout / Component
Card
Compose an eyebrow, title, body, and optional footer using your own content and actions.
Your workspace
Make room for an idea.
A simple starting point for whatever comes next.
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.