Kottster Packages API Reference
    Preparing search index...

    Interface ModalProps

    interface ModalProps {
        bottomSection?: ReactNode;
        children?: any;
        className?: string;
        closeOnBackdropClick?: boolean;
        headerRightSection?: ReactNode;
        isOpen?: boolean;
        loading?: boolean;
        maxWidth?: string | number;
        onClose?: () => void;
        subtitle?: ReactNode;
        title?: string;
        titleWithMargin?: boolean;
        width?: string | number;
    }
    Index

    Properties

    bottomSection? children? className? closeOnBackdropClick? headerRightSection? isOpen? loading? maxWidth? onClose? subtitle? title? titleWithMargin? width?

    Properties

    bottomSection?: ReactNode

    Content to display at the bottom of the modal.

    children?: any

    The content of the modal.

    className?: string

    Additional class names to apply to the modal.

    closeOnBackdropClick?: boolean

    If true, clicking on the backdrop will close the modal.

    true
    headerRightSection?: ReactNode

    Additional buttons to display in the header.

    isOpen?: boolean

    If true, the modal is open.

    true
    loading?: boolean

    If true, a loading spinner will be shown instead of the modal content.

    false
    maxWidth?: string | number

    The maximum width of the modal (in pixels or CSS string).

    onClose?: () => void

    Function to close the modal.

    subtitle?: ReactNode

    The subtitle of the modal.

    title?: string

    The title of the modal.

    titleWithMargin?: boolean

    If true, adds margin below the title.

    true
    width?: string | number

    The width of the modal (in pixels or CSS string).

    500

    Settings

    Member Visibility

    On This Page

    Properties