in example/src/App.tsx [13:35]
function App() {
const [inputValue, setInputValue] = useState("");
const [selectValue, setSelectValue] = useState<SelectProps.Option | null>(null);
return (
<AppLayout
content={
<Form
actions={
<SpaceBetween direction="horizontal" size="xs">
<Button variant="link">Cancel</Button>
<Button variant="primary">Submit</Button>
</SpaceBetween>
}
header={
<Header variant="h1" description="Form description">
Form header
</Header>
}
>
<Container header={<Header variant="h2">Form container header</Header>}>
<SpaceBetween direction="vertical" size="l">
<FormField label="Input field" description="An additional description for this form field.">
<Input value={inputValue} onChange={(event) => setInputValue(event.detail.value)} />