ModalContentToolbar

The license could not be verified: License Certificate has expired!

How to get ModalContentToolbar

import { ModalContentToolbar } from 'fds/components';

Type: Component

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

Should be used as the first child of the highest ModalContent component in the modal.

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?