caution

Данный компонент и все его механики устарели! Рекомендуем использовать ModalBase.

Modal

only styled-components

Использование

Провайдер контекста

Поместите ModalsProvider в корень приложения или там, где будете применять модальные окна:

index.ts

import ReactDOM from 'react-dom';
import { ModalsProvider } from '@salutejs/plasma-web';

import { App } from './App';

ReactDOM.render(
    <ModalsProvider>
        <App />
    </ModalsProvider>,
    document.getElementById('root')
);

Вызов модального окна

После подключения ModalsProvider поместите компонент Modal туда, где необходимо применить модальное окно:

Live Editor

Result

Open in CodeSandbox