← All components
Inputs / Component
Text field
A native input with an associated label and hint. Error text is connected through aria-describedby.
Something short and memorable.
Example error: please use a valid email address.
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.