3.0.0 • Published 1 year ago
@pascalallen/react-form-components v3.0.0
React Form Components
Simple HTML form elements for React.
Installation
Use the package manager yarn to install @pascalallen/react-form-components.
yarn add @pascalallen/react-form-components
Usage
import { ChangeEvent, useState } from 'react';
import '@pascalallen/react-form-components/dist/app.scss';
import { Form, InputControl } from '@pascalallen/react-form-components';
const [emailAddress, setEmailAddress] = useState("");
const handleChange = (event: ChangeEvent<HTMLInputElement>): void => {
setEmailAddress(event.target.value);
};
<Form>
<InputControl
inputId="email"
className="email"
name="email"
type="email"
label="Email address"
tabIndex={1}
value={emailAddress}
isValid={emailAddress.length > 0}
required
error={emailAddress.length < 1 && "Email address is required"}
onChange={handleChange}
/>
</Form>;