A basic text input component with built-in validation support.
The component props.
The rendered input element.
This component integrates with useInputValidation to handle real-time validation, error reporting, and formatting. It supports all standard HTML input attributes.
useInputValidation
import { string, minLength } from 'valibot';import { Input } from './input';const nameSchema = string([minLength(2)]);function NameField() { return ( <Input name="fullName" placeholder="Enter your name" validate={nameSchema} onValidationError={(issues) => console.log(issues)} /> );} Copy
import { string, minLength } from 'valibot';import { Input } from './input';const nameSchema = string([minLength(2)]);function NameField() { return ( <Input name="fullName" placeholder="Enter your name" validate={nameSchema} onValidationError={(issues) => console.log(issues)} /> );}
A basic text input component with built-in validation support.