ModalBodyToolbar

How to get ModalBodyToolbar

import { ModalBodyToolbar } from 'fds/components';

Type: Component

Serves as an arbitrary container for the toolbar of the modal. Generally this is used as a parent for action buttons or form components which influence the entirety of the modal, for example TabButtons.

Should be used as the first child of a ModalBody component.

Props

# 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'

  Default value
"flex-start"
3. [spaceSize] Number | String

The amount of space (or margin) between the children of the component. Depending on the flexDirection value, either horizontal or vertical space is created.

This should be one of the following values:

  • 0 (zero, no margin at all)

  • 's' (small)

  • 'm' (medium)

  • 'l' (large)

  Default value
"s"

Related links

Was this page helpful?