Skip to content

Form

Form with validation.

Import

tsx
import { ZForm, ZFieldGroup } from "@zurto/ui";

Usage

tsx
<ZForm onSubmit={handleSubmit}>
  <ZFieldGroup label="Email" required error={errors.email}>
    <ZInput name="email" type="email" />
  </ZFieldGroup>
  <ZButton type="submit">Submit</ZButton>
</ZForm>

Props

PropTypeDefaultDescription
onSubmit(data: FormData) => voidSubmit handler
validationValidationRulesValidation rules
disabledbooleanfalseDisable all fields

Released under the MIT License.