Skip to content
Home

ButtonRow

Info
Demos
Properties

Description

Form.ButtonRow is a wrapper for horizontally separated buttons.

Demo

Without any surrounding layout

Code Editor
<Form.ButtonRow>
  <StepsLayout.PreviousButton />
  <StepsLayout.NextButton />
  <Button variant="secondary">Other button</Button>
</Form.ButtonRow>

In combination with a Layout

Code Editor
<Form.Element onSubmit={(event) => console.log('onSubmit', event)}>
  <Card spacing="medium">
    <Field.Email />
    <Form.ButtonRow>
      <Form.SubmitButton icon={sendIcon} />
      <Button variant="secondary">Cancel</Button>
    </Form.ButtonRow>
  </Card>
</Form.Element>