📘 MaterialLab Playground Documentation

Version: v0.1.3

MaterialLab is a browser-based, drag-and-drop widget playground with dynamic themes and persistent customization features.

🆕 New in v0.1.3

✅ Widget Picker Modal

A new modal-based widget selector improves usability over the floating button. Benefits include:

Full-screen or dialog-style picker for clearer interaction.
Preview thumbnails and descriptions of each widget type.
Keyboard navigation support.

✅ Layout Import/Export

Users can now save and share their dashboard layouts:

Export: Downloads current layout as a JSON file.
Import: Upload a previously saved layout to restore widgets and settings.
Useful for backups or sharing designs.

🛠️ Bug Fixes

Fixed issues with widget overlap after reload.
Improved drag precision for touch devices.
Resolved memory leaks related to dynamic widget content.

📦 Previously in v0.1.0-rc

✅ Better Widget Add Flow

Replaced the old prompt() method with an intuitive widget picker:

Accessible via a floating action button or modal.
Displays icons for available widget types: Weather, Clock, Battery.
Designed for a smoother, more visual experience.

✅ Widget State Persistence

All added widgets are saved and restored on reload:

Type: Weather, Clock, Battery, etc.
Position: X/Y coordinates in the container.
Content or Settings: e.g., selected city for weather.

Data is stored in localStorage and used to rebuild the layout on load.