Modal
Displays a container with content overlayed onto the page.
Importing
1
import { ModalRoot, ModalContent, ModalFooter } from '@infinityfx/fluid';Usage
With footer
API reference
ModalRoot Props
show?
boolean
Controlled visibility state of the modal.
onClose?
() => void
Callback function triggered when the modal should close (e.g. clicking the overlay, close button, or swiping).
mobileClosing?
'button' | 'handle'
'handle'
The close interface used on mobile devices. A handle allows the modal to be swiped down to close.
ModalContent Props
title?
React.ReactNode
The title shown in the modal header.