React Popout Component
This is a React component designed for React 16 with complete Typescript support.
Features
- This is developed along side with the React 16 fix to allow mounting across frames even for Edge and IE browsers
- Typescript support for all the options (especially hard to remember window features)
- Reflects style-loader injected styles from the main window to the children window
Installation
npm install react-popout-component
or
yarn add react-popout-component
Usage
;;
API
PopOut Component has the following props:
The options
prop is of the following type:
Injection Mode
This component works well for both modes of style loading:
- Appending Style blocks (e.g. style-loader)
- Manual insertRule() into a CSSStyleSheet
For the second case with insertRule(), since there is nothing that can observe the insert event, a callback must be registered when a rule is inserted. For an example usage with the Microsoft Office Fabric, set it up as a global like so:
; windowFabricConfig = mergeStyles: onInsertRule: insertPopoutStylesheetRule
Contributing
This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.
When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.