{"repo":"RickoNoNo3/react-winbox","free":true,"listed":false,"github":"https://github.com/RickoNoNo3/react-winbox","clone":"git clone https://github.com/RickoNoNo3/react-winbox.git","description":"The newest React component for WinBox.js. A window manager for React.","language":"TypeScript","stars":160,"topics":["react","winbox","winbox-js","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"React-WinBox A React controlled component for WinBox.js, with full Reactful props and state, including all configurations of WinBox.js by utilizing React component props. Full type declaration for both JavaScript and TypeScript. Play the Demo demo: ----- Install Usage Help for different situations - Use in Next.js - Upgrade from versions Ensure the document body has an initial non-zero height, e.g. 100vh . Or you can do more one step, to make a genuine 'windows manager', just like: Notice - To use WinBox, ensure the document body has an initial non-zero height, e.g. 100vh. - To open a winbox, just create it in your virtual DOM, that's enough. - To close a winbox, just do not render it. It's safe. - onclose is called BEFORE the winbox goes to close process. It is easy to block a closing for some unsaved data or giving a confirmation to user to close (see the doc to get more info). However, if you do not want to block the closing, but want to destroy the React WinBox component, be sure to wrap destroying actions within setTimeout so that they occur after the winbox.js DOM is truly closed, e.g. setTimeout(() = setShowWindow(false)) . - To change some properties of the winbox DOM, just change the component's properties. The properties need [official methods support. We suggest that all states you want to control of the winbox should be listened for changes and keep controlled, such as width state with onResize callback. But if you do not have such listeners, you can call the forc","default_branch":null,"files":null,"tree":[],"storefront":"/r/RickoNoNo3","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/RickoNoNo3/react-winbox/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}