modal

You can create modal dialogs programmatically using an imperative API. The createModal function from @lobehub/ui allows you to open, configure, and manage modal flows without declaring local open state variables.

Modal dialogs support configuration options such as fullscreen, destroyOnHidden, footer, and width. You compose the dialog content using a dedicated content component and an optional useModalContext hook to manage lifecycle and styling.

Use an imperative API for modal dialogs when handling feature-specific settings, confirmations, or dynamic content. This approach streamlines complex dialog flows by triggering modals programmatically rather than passing state down through components.

Yes, the imperative modal API is designed for React-based UI projects and includes TypeScript support. You use the createModal API from @lobehub/ui alongside a modal content component to render dialogs.

To render dynamic content, you compose a dedicated modal content component and pass it to the generated createMyFeatureModal function. You can trigger this function from events like a button click to open the dialog.

Yes, you can control modal lifecycle and styling using the optional useModalContext hook. This hook allows you to manage the modal's behavior after it has been programmatically opened.