A labelled text field built on React Aria - leading and trailing adornments, hint text, and required/invalid states with a cross-fading focus ring.
This is a hint about this input.
Installation
You can add this input component using our CLI or manually:
Dark mode ready - this component follows BoardUI semantic tokens automatically. Set up theme switching.
CLI
Manual
The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.
npxboardui@latest add input
Using a shared UI package or custom import aliases? Configure your installation paths before running the CLI. Copy-paste examples use the default imports.