Form Footer

View on MongoDB.design

Installation

PNPM

pnpm add @leafygreen-ui/form-footer

Yarn

yarn add @leafygreen-ui/form-footer

NPM

npm install @leafygreen-ui/form-footer

Example

<FormFooter
  primaryButtonProps={{
    children: 'Save Draft',
    onClick: (e) => {...}
  }}
  errorMessage="There is an error in this form"
/>

Properties

| Prop | Type | Description | Default | | ------------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | | backButtonProps | ButtonProps | The back button, the left-most button, will only appear if backButtonProps is defined. An object that accepts one of the following: _ Button props but variant is limited to 'default' and 'dangerOutline' _ SplitButton props but variant is limited to 'default' and 'danger' | | cancelButtonProps | ButtonProps | The cancel button, to the left of the primary button, will only appear if cancelButtonProps is defined. An object that accepts one of the following: _ Button props except for the variant prop. The variant is 'default' _ SplitButton props except for the variant prop. The variant is 'default' | | | className | string | Styling prop | | | contentClassName | string | Styling prop for the content. Useful for setting left and right margins, or max-width | | | errorMessage | string | Text within the error banner. The banner will only appear if an error message is defined. | | | primaryButtonProps | ButtonProps | The primary (right-most) button. An object that accepts one of the following: _ Button props but variant is limited to 'primary' and 'danger' _ SplitButton props but variant is limited to 'primary' and 'danger' | |