Preparing search index...

    Компонент модального окна подтверждения

    • Представляет стандартное модальное окно подтверждения, предоставляющее пользователю возможности:

      1. Подтвердить выполнение действия через кнопку подтверждения.
      2. Отменить действие через кнопку отмены, окно также можно закрыть по клавише "Escape".
    • Поведение:

      • Интерфейс поддерживает управление с клавиатуры:
        • Клавиша "Enter" вызывает onConfirm (если кнопка не заблокирована).
        • Клавиша "Escape" вызывает onClose.
    const {Button} = window.Universe.Platform.Uikit;
    const {React, Mobx} = window.Universe.Vendor;
    const {Confirm} = window.Universe.Platform.Confirm;

    class Example extends React.PureComponent<{}> {
    @Mobx.observable
    isOpen: boolean;

    @Mobx.action
    open = () => {
    this.isOpen = true;
    };

    @Mobx.action
    close = () => {
    this.isOpen = false;
    };

    render () {
    return (
    <>
    <Button onClick={this.open}>Удалить</Button>
    <Confirm
    isOpen={this.isOpen}
    onConfirm={() => console.log('Действие подтверждено')}
    onClose={this.close}
    confirmText="Удалить"
    cancelText="Отмена"
    >
    Вы уверены, что хотите удалить этот элемент?
    </Confirm>
    </>
    );
    }
    }