Hi there,
I am using Custom UI with atlaskit.
I am trying to make multi select required.
My code:
<Form onSubmit={onSubmit}>
{({formProps}) => (
<form {...formProps}>
{configuration.mappings.map((mapping: any, index: number) => {
console.log(mapping, index);
return (<div>
<h4>Mapping Configuration {index + 1}</h4>
<Fieldset>
<Field<Value<Option, true>>
aria-required={true}
isRequired
name={configurationType.toLowerCase() + `Assets[${index}]`}
label={"Select a " + configurationType + " assets"}
defaultValue={mapping.assets}
>
{({ fieldProps: { id, ...rest }, error }) => (
<Fragment>
<Select inputId={id} {...rest} options={assetOptions} isMulti />
{error && <ErrorMessage>{error}</ErrorMessage>}
</Fragment>
)}
</Field>
</Fieldset>
</div>
);
})}
<FormFooter>
<Button type="submit" appearance="primary">
Save Customization
</Button>
</FormFooter>
</form>
)}
</Form>
I used isRequired
but I am still able to submit this form even thought select is empty. How to make this select required?
Thank you