ModalContentToolbar

Type: React component

How to get ModalContentToolbar?

JavaScript

import { ModalContentToolbar } from 'fds/components';

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

  1. children

    (Required)

    Type: ReactNode

  2. justifyContent

    (Optional)

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

  3. spaceSize

    (Optional)

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