useShowDialog
Регистрирует диалог и возвращает функцию его открытия.
Регистрирует диалог и возвращает функцию его открытия.
Вызывайте внутри DialogProvider или PBCProvider.
Использование
'use client';
import { Dialog, useShowDialog } from '@prosazhin/pbcomponents';
function Example() {
const open = useShowDialog(() => (
<Dialog id='example'>
<Dialog.Content>
<Dialog.Body>Content</Dialog.Body>
</Dialog.Content>
</Dialog>
));
return <button onClick={open}>Open</button>;
}API хука
Параметры
| Параметр | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
dialog | () => ReactElement<DialogProps> | Функция, создающая диалог. | — |
dependencies? | readonly unknown[] | Зависимости функции создания диалога. | — |
Возвращает
| Значение | Тип / варианты | Назначение |
|---|---|---|
openDialog | () => string | Открывает диалог и возвращает его id. |