```js
import { Label, Control, Form, Field, InlineField, Button, SelectInput } from 'frontend-react-components';

const options = [
    { label: 'python', value: 1 },
    { label: 'javascript', value: 2 },
    { label: 'c#', value: 3 },
    { label: 'cobol', value: 4 }
];

initialState = { validated: false };
onSubmit = (event) => {
    event.preventDefault();
    setState({ validated: true });
}
const getHelpCustomText = () => (
    <span>Help text with managed shown state <a href='https://www.theorchard.com'>and links!</a></span>
);

<Form validated={ state.validated } onSubmit={ onSubmit }>
    <Field
        controlId="email"
        labelText="This is a Label"
        helpText="Help text"
        isRequired
        errorMessage="Email is required."
        note="Enter email"
    >
      <SelectInput
        placeholder="Placeholder text"
        options={options}
        value={2}
      />
    </Field>

    <Field
        controlId="test-props"
        labelText="Label with props"
        helpText={getHelpCustomText()}
        helpHideOnHover={ false }
    >
      <Form.Control
            type="text"
            placeholder="just a demo text input"
            onChange={ () => {} }
        />
    </Field>

    <Button type="submit">Submit form</Button>
</Form>
```