Dialog

Actions

Dialog's actions prop accepts an array of objects to configure the rendered Buttons. Each object contains the text of the Button as well as any props to apply to that Button.

<DemoLayout>
  <Dialog
    title="Lorem ipsum dolor sit amet"
    actions={[
      { text: 'Cancel' },
      { text: 'Continue', variant: 'success', disabled: true }
    ]}>
    <FormField label="Lorem ipsum" input={TextInput} required />
  </Dialog>
</DemoLayout>