theVAULT01Explore complete sections
← All components

Button

Solid, outline, and quiet variants, with native disabled and keyboard focus states.

Try the buttons.

Use the real component.

The preview uses the same React components and CSS available in the Code view.

  1. Copy Components into src/components/vault/kit.tsx.
  2. Copy Styles into src/styles/vault-kit.module.css.
  3. 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.

theVAULT / A Plaibook collection