How to get ModalFooter

import { ModalFooter } from 'fds/components';

Type: Component

Serves as an arbitrary container for the footer of the modal. If the justifyContent prop if not provided, when a single child is present, ModalFooter positions the child to the very right side (useful when having a single submit button). When multiple children are present, the children are positioned on each end of the container.

Should be used as a direct child of a Modal component.


# Name Type Description
1. children ReactNode
2. [justifyContent] String

The value to use for CSS' justify-content property, should be one of:

  • 'center',

  • 'flex-end',

  • 'flex-start',

  • 'space-around'

  • 'space-between'

If it's not provided, it will default to 'flex-end' if there is one child, 'space-between' otherwise.

  Default value

Related links

Was this page helpful?