FullscreenModal
FullscreenModal
js
import FullscreenModal from '@semcore/ui/fullscreen-modal';FullscreenModalProps
& {...}| Name | Type | Description |
|---|---|---|
| onClose | (trigger: "onBackClick" | "onCloseClick" | "onEscape" | "onOutsideClick", e: React.MouseEvent | React.KeyboardEvent) => void | Function that is invoked when hiding a component |
FullscreenModal.Header
FullscreenModalHeaderProps
& {...}| Name | Type | Description |
|---|---|---|
| title | React.ReactNode | Title content displayed in the modal header |
| description | React.ReactNode | Description text that appears alongside the title |
FullscreenModal.Close
The CloseS icon with pre-configured styles acts as a component.
FullscreenModal.Footer
The component is the Box with pre-configured styles.
FullscreenModal.Back
The component is the Box with pre-configured styles and the ArrowLeftS icon.
FullscreenModal.Body
The component is the Box with pre-configured styles.
FullscreenModal.Section
The component is the Box with pre-configured styles.
FullscreenModal.Title
The component is the Text with pre-configured styles.
FullscreenModal.Description
The component is the Text with pre-configured styles.