4.0.0 • Published 1 year ago

@leafygreen-ui/form-footer v4.0.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
1 year ago

Form Footer

npm (scoped)

View on MongoDB.design

Installation

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

PropTypeDescriptionDefault
primaryButton(Deprecated)<Button> or PrimaryButtonPropsThe primary (right-most) button. Defined as a <Button> element, or as an object with the shape below. darkMode is handled internally so you do not have to pass the darkMode prop. @deprecated - use primaryButtonProps
primaryButtonPropsButtonPropsThe primary (right-most) button. An object that accepts all Button props but variant is limited to primary and danger.
backButtonPropsButtonPropsThe back button, the left-most button, will only appear if backButtonProps is defined. An object that accepts all Button props but variant is limited to default and dangerOutline.
cancelButtonPropsButtonPropsThe back button, the left-most button, will only appear if cancelButtonProps is defined. An object that accepts all Button props except for the variant prop. The variant is default.
errorMessagestringText within the error banner. The banner will only appear if an error message is defined.
contentClassNamestringStyling prop for the content. Useful for setting left and right margins, or max-width
classNamestringStyling prop

Primary Button (Deprecated)

Properties

PropTypeDescriptionDefault
textstringText for the primary button. Required if the prop is defined as an object
onClick(event: React.MouseEvent) => voidonClick callback for the primary button
variant'primary' or 'danger'Visual variant of the primary button. Define the button as JSX to further customize the button"primary"
disabledbooleanWhether the button is disabledfalse
type'button' or 'submit'HTML type of the button
4.0.0

1 year ago

3.1.4

1 year ago

3.1.3

1 year ago

3.1.2

1 year ago

3.1.1

1 year ago

3.1.0

1 year ago

3.0.16

1 year ago

4.0.0-alpha.1

2 years ago

3.0.9

2 years ago

4.0.0-alpha.0

2 years ago

3.0.12

2 years ago

3.0.13

2 years ago

3.0.10

2 years ago

3.0.11

2 years ago

3.0.14

2 years ago

3.0.15

2 years ago

3.0.8

2 years ago

3.0.7

2 years ago

3.0.6

2 years ago

3.0.6-next.7

2 years ago

3.0.6-next.5

2 years ago

3.0.6-next.6

2 years ago

3.0.6-next.3

2 years ago

3.0.6-next.4

2 years ago

3.0.6-next.1

2 years ago

3.0.6-next.2

2 years ago

3.0.6-next.0

2 years ago

3.0.4

2 years ago

3.0.5

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

3 years ago

3.0.0

3 years ago

1.0.2

3 years ago

1.0.1-test.1

3 years ago

1.0.1

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.0.0

3 years ago

1.0.1-test.0

3 years ago

1.0.1-next.3

3 years ago

1.0.1-next.2

3 years ago

1.0.1-next.1

3 years ago

1.0.1-next.0

3 years ago

0.10.3

3 years ago

0.10.2

3 years ago

0.10.0

3 years ago

0.10.1

3 years ago

0.9.0

4 years ago