popouts.md

Попауты

Чтобы использовать попауты окна, нужно импортировать компонент PopoutRoot из роутера:

import { PopoutRoot } from '@cteamdev/router';

//...
<SplitLayout
  popout={
    <PopoutRoot>
      <MyPopout nav="my" />
      <ScreenSpinner id="loading" />
    </PopoutRoot>
  }
></SplitLayout>

Переход к попауту:

push('/?popout=my');

Чтобы нельзя было закрыть и вернуться через кнопку вперёд:

push('/?popout=loading');
lock();

// После загрузки
setTimeout(() => {
  unlock();
  replace('/');
}, 2000);