UNPKG

@docsvision/webclient

Version:

Type definitions for DocsVision WebClient scripts and extensions.

42 lines (41 loc) 2 kB
import React from "react"; /** Свойства для {@link ModalDialogBox} */ export interface IModalDialogBoxProps { children?: React.ReactNode; /** * Если значение истино, то устаналивается ширина окна 800px, иначе ширина соответствует ширине содержимого. * По умолчанию: false */ defaultWidth?: boolean; /** Максимальная ширина окна */ maxWidth?: string; /** Пользовательский CSS-класс */ className?: string; /** сработает при разворачивании окна */ maximized?: boolean; } /** * Представляет полотно модального окна ({@link ModalDialog}). * * Пример использования: * * <ModalBackdrop onClick={() => this.setState({ dialogOpen: false })} /> * <ModalDialog expanded={this.state.dialogOpen} > * <ModalDialogBox defaultWidth={true}> * <ModalDialogCloseButton onClick={() => this.setState({ dialogOpen: false })} /> * <ModalDialogHeader>Dialog header</ModalDialogHeader> * <ModalDialogContent>Some content</ModalDialogContent> * <ModalDialogButtonPanel> * <Button onClick={() => this.setState({ dialogOpen: false })} key="cancel"> * {resources.Navigator_ButtonClose} * </Button> * <Button disabled={!this.state.directoryDialogSelectedValue} * onClick={this.onDirectoryDialogSelectButtonClick} key="ok"> * {resources.Navigator_ButtonSelect} * </Button> * </ModalDialogButtonPanel> * </ModalDialogBox> * </ModalDialog> * </ModalBackdrop> */ export declare const ModalDialogBox: (props: IModalDialogBoxProps) => JSX.Element;