Type: React component

How to get ModalFooter?


import { ModalFooter } from 'fds/components';

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.


  1. children


    Type: ReactNode

  2. justifyContent


    Type: 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