werkbank
    Preparing search index...
    • A basic text input component with built-in validation support.

      Type Parameters

      • Schema extends BaseSchema<any, any, any>

      Parameters

      Returns Element

      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.

      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)}
      />
      );
      }