4.0.0 • Published 1 year ago
@leafygreen-ui/form-footer v4.0.0
Form Footer
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
Prop | Type | Description | Default |
---|---|---|---|
primaryButton(Deprecated ) | <Button> or PrimaryButtonProps | The 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 | |
primaryButtonProps | ButtonProps | The primary (right-most) button. An object that accepts all Button props but variant is limited to primary and danger . | |
backButtonProps | ButtonProps | The 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 . | |
cancelButtonProps | ButtonProps | The 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 . | |
errorMessage | string | Text within the error banner. The banner will only appear if an error message is defined. | |
contentClassName | string | Styling prop for the content. Useful for setting left and right margins, or max-width | |
className | string | Styling prop |
Primary Button (Deprecated
)
Properties
Prop | Type | Description | Default |
---|---|---|---|
text | string | Text for the primary button. Required if the prop is defined as an object | |
onClick | (event: React.MouseEvent) => void | onClick 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" |
disabled | boolean | Whether the button is disabled | false |
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