How to use the @arch-ui/modal-utils.fade function in @arch-ui/modal-utils
To help you get started, we’ve selected a few @arch-ui/modal-utils examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
keystonejs / keystone / packages / arch / packages / drawer / src / index.js View on Github 
useKeydownHandler(event => {
if (onKeyDown && stackIndex === 0) {
onKeyDown(event);
}
});
const dialogTitleId = useMemo(generateUEID, []);
if (!attachTo) {
return null;
}
return createPortal(
{isOpen ? (
) : null}render() {
const { attachTo, children, component, width, transitionState } = this.props;
if (!attachTo) {
return null;
}
return createPortal(
<dialog width="{width}">
{children}
</dialog>
,
attachTo
);
}
}{transitionState => (
{content}
)}
heading,
initialFocus,
onClose,
width,
transitionState,
} = this.props;
const dialogTitleId = generateUEID();
if (!attachTo) {
return null;
}
return createPortal(
<dialog aria-labelledby="{dialogTitleId}">
{heading} Dialog
{heading ? (
<header>
<title>{heading}</title>
</header></dialog>@arch-ui/modal-utils
Modal Utilities as used in @keystonejs Admin UI.
