jattac.libs.popup-menu
v0.0.2
Published
FormField is a powerful React component designed to streamline the creation of form fields with built-in support for validation, labels, hints, and optional indicators.
Downloads
4
Readme
FormField React Component
FormField is a powerful React component designed to streamline the creation of form fields with built-in support for validation, labels, hints, and optional indicators.
Installation
npm install jattac.libs.web.form-field
Example
import React from 'react';
import FormField from 'jattac.libs.web.form-field';
const MyForm = () => {
const validationErrors = [
// Your validation errors here
];
return (
<form>
<FormField
label="Email"
id="email"
validationErrors={[{ key: 'email', errors: ['Invalid email address'] }]}
optional={true}
hint="We'll never share your email with anyone else."
>
<input type="email" />
</FormField>
{/* Add more FormField components for other form elements */}
</form>
);
};
Props
- label (required): The label for the form field.
- id (required): A unique identifier for the form field.
- children (required): The content of the form field, typically an input element.
- validationErrors: An array of validation errors for the form field.
- optional: A boolean indicating whether the field is optional. Defaults to false.
- hint: Additional information or guidance for the form field.