How to use the @arch-ui/modal-utils.withTransitionState 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.

github keystonejs / keystone / packages / arch / packages / drawer / src / index.js View on Github external
,
    attachTo
  );
}

ModalDialogComponent.defaultProps = {
  attachTo: typeof document !== 'undefined' ? document.body : null,
  closeOnBlanketClick: false,
  component: 'div',
  width: 640,
};

const ModalDialog = memo(ModalDialogComponent);

export default withTransitionState(ModalDialog);
github keystonejs / keystone / packages / arch / packages / dialog / src / Dialog.js View on Github external
<title>{heading}</title>
                
              ) : null}
              {children}
              {footer ? <footer>{footer}</footer> : null}
            
          
        
        
      ,
      attachTo
    );
  }
}

export default withTransitionState(ModalDialog);
github keystonejs / keystone / packages / arch / packages / confirm / src / index.js View on Github external
<dialog width="{width}">
              {children}
            </dialog>
          
          
        
      ,
      attachTo
    );
  }
}

export default withTransitionState(ModalConfirm);

@arch-ui/modal-utils

Modal Utilities as used in @keystonejs Admin UI.

MIT
Latest version published 3 years ago

Package Health Score

60 / 100
Full package analysis

Similar packages