ModalBodyToolbar

Type: React component

How to get ModalBodyToolbar?

JavaScript

import { ModalBodyToolbar } from 'fds/components';

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

  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