Skip to main content

Form


Example

Personal informationType here your personal information
<Form
title="Personal information"
description="Type here your personal information"
submitButton={{
label: "Submit",
onPress: () => window.alert("Submit!"),
}}
>
<FormSection>
<FormRow>
<TextField
name="name"
placeholder="Type here..."
label="Name"
value={name}
onChange={setName}
/>
<TextField
name="surname"
placeholder="Type here..."
label="Surname"
value={surname}
onChange={setSurname}
/>
</FormRow>
</FormSection>
</Form>

Props

NameTypeDefault ValueRequiredDescription
titlestringNo
descriptionChildrenNo
submitButtonOmit<Props, "kind" | "hierarchy">No
secondaryButtonOmit<Props, "kind" | "hierarchy">No
errorstringNo
errorBannerWidth"content" | "fill"No
actionsSize"small" | "large" | "medium"No
autoFocusbooleanNo

Related components