Modal - Aspect UI

Docs

Components

Modal

Modal - Aspect UI

The Modal component displays content in a dialog overlay. It supports animations, accessibility, focus trapping, close buttons, and scroll locking for focused user interactions.

Table of Contents#

Modal Props
ModalAction Props
ModalContent Props

Prop	Type	Default	Description
children	ReactNode	-	Content inside the modal, typically ModalAction and ModalContent components.
isOpenExternal	boolean	-	Controls whether the modal is open (controlled mode).
onToggle	(isOpen: boolean) => void	-	Callback fired when the modal open state changes.

ModalAction Props#

Prop	Type	Default	Description
children	ReactNode	-	Content of the modal action button.
className	string	''	Additional CSS classes for the action button.
...rest	ButtonHTMLAttributes<HTMLButtonElement>	-	Any other native button attributes passed to the action button.

ModalContent Props#

Prop	Type	Default	Description
children	ReactNode	-	Content inside the modal content container.
className	string	''	Additional CSS classes for the modal content container.
overlayClassName	string	''	Additional CSS classes for the modal overlay background.
...rest	HTMLAttributes<HTMLDivElement> & MotionProps	-	Additional HTML and animation props passed to the modal content container.