Sometimes a dialog is too much. The fourth Mantine Extensions tutorial is about mantine-window, one of my open-source React components for Mantine: a floating window people can drag and resize. In under two minutes:
install it, and import its styles once
give a Window a title and set opened: without opened it is not rendered at all
drag it by the header, or by any part of it; resize it from any edge or corner
it never shrinks below 250 × 100 by default, and maxWidth caps how wide it grows
the yellow button, or a double-click on the header, collapses it; the red one calls onClose, and the opened state stays yours
the green one opens the layouts: snap it to the left half of the page, or make it fill the page
Docs and live demos: gfazioli.github.io/mantine-window
GitHub: gfazioli/mantine-window
All the tutorials, in order: Mantine Extensions Tutorials
Which component should get the next one? Reply and tell me.
