import React from 'react'; import { Form, FormGroup, TextInput, TextArea, FormSelect, FormSelectOption, Checkbox, ActionGroup, Button, Radio, HelperText, HelperTextItem, FormHelperText } from '@patternfly/react-core'; export const FormHorizontal: React.FunctionComponent = () => { const [name, setName] = React.useState(''); const [email, setEmail] = React.useState(''); const [experience, setExperience] = React.useState(''); const [option, setOption] = React.useState('please choose'); const handleNameChange = (_event, name: string) => { setName(name); }; const handleEmailChange = (_event, email: string) => { setEmail(email); }; const handleExperienceChange = (_event, experience: string) => { setExperience(experience); }; const handleOptionChange = (_event: React.FormEvent, value: string) => { setOption(value); }; const options = [ { value: 'select one', label: 'Select one', disabled: false }, { value: 'mr', label: 'Mr', disabled: false }, { value: 'miss', label: 'Miss', disabled: false }, { value: 'mrs', label: 'Mrs', disabled: false }, { value: 'ms', label: 'Ms', disabled: false }, { value: 'dr', label: 'Dr', disabled: false }, { value: 'other', label: 'Other', disabled: false } ]; return ( Include your middle name if you have one. {options.map((option, index) => ( ))}
); };