Modal Content Toolbar
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
children
(Required)
Type: ReactNode
justify
Content (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
-
space
Size (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
-