FinallyReact Design Library

JavaScript is disabled in your browser.

Please enable JavaScript to explore FinallyReact.

Modal

Overlay sections to display additional information

The Modal component can be used by importing { Modal } from "finallyreact".

Example

Header Styles

Custom Header

Custom Content

Prevent Outside Click

Simple

Modal Props

Prop Name	Prop Type	Description
cardProps	HTMLAttributes	Props for the modal card
closeProps	HTMLAttributes	Props for the close button
contentProps	HTMLAttributes	Props for the modal content
customHeader	React.ReactNode	Custom header for the modal
headerProps	HTMLAttributes	Props for the modal header
onClose	() => void	Callback for closing the modal
overlayProps	HTMLAttributes	Props for the modal overlay
preventOutsideClick	boolean	Prevents closing the modal by clicking outside
show	boolean	Whether the modal is shown
simple	boolean	Simple modal with no styles
text	string	Text content for the modal
title	string	Title for the modal