@inftechsol/form

React űrlapmezők, layout és validáció – Bootstrap / reactstrap nélkül.

Lecseréli: @inftechsol/reactstrap-form-validation (RVForm / RVInput / RVFormFeedback).

Install

npm i @inftechsol/form

import '@inftechsol/form/styles.css'
import { Form, Input, PasswordInput, FormActions } from '@inftechsol/form'

Theme

Alap tokenek: --its-* (lásd form-tokens.css). Felülírás:

:root {
  --its-color-accent: #0066ff;
  --its-control-height: 2.5rem;
}

Validáció

<Form onSubmit={onSubmit}>
  <Input name="email" type="email" required errorMessage="Érvényes e-mail kell." />
  <FormActions>
    <button type="submit">Küldés</button>
  </FormActions>
</Form>

Submitkor a mezők alatt piros hibaüzenet jelenik meg (nem böngésző-buborék).

Migráció a régi csomagból

| Régi | Új | | --- | --- | | RVForm | Form | | RVFormGroup + Label | mező label prop / FormGrid | | RVInput | Input, NumberField, PasswordInput, … | | RVFormFeedback | error / errorMessage a mezőn |

Peer dependencies

react és react-dom >= 18.