Fragiola /Grid Layout

Grid Layout
Docs
Examples

Getting started3

Hello grid
Unstyled
Read-only

Layouts5

Messy layout
Static items
Add and remove
Save and restore
Scaled container

Drag and drop3

Drag handle
Bounded
Long dashboard

Resizing2

Resize handles
Minimum and maximum size

Constraints4

Constraint presets
Aspect ratio
Custom constraints
Dynamic size limits

Compaction5

Compaction modes
Overlap
Wrap flow
Fast compactors
Custom compactor

Keyboard1

Keyboard

External drop5

Drag from outside
Widget sidebar
Toolbox
Drop rules
Drop files

Responsive4

Responsive layouts
Bootstrap-style widths
Saving every breakpoint
Container breakpoints

Mobile3

Mobile dashboard
Home screen
Widget sheet

Styling3

Styling showcase
Right-to-left
Grid background

Apps1

Dashboard builder

Resizing

Minimum and maximum size

Items with their own limits: a resize stops at minW, maxW, minH and maxH, and the placeholder shows where it stopped.

minW
maxW
minH
maxH

Theme