Get the latest tech news

Show HN: Puck 0.18 adds drag-and-drop for CSS grid and Flexbox


Puck 0.18 introduces a new drag-and-drop engine with native support for CSS grid and flexbox, enabling you to embed a design-in-browser experience directly within your React application or page bui...

Puck 0.18 introduces a new drag-and-drop engine with native support for CSS grid and flexbox, enabling you to embed a design-in-browser experience directly within your React application or page builder. Our flagship feature is a new drag-and-drop engine for Puck with full CSS grid & flexbox support to enable advanced layouts. deselect item on delete ( f27871b) improve heading-analyzer reliability ( ab6c018) never render FieldLabel with padding or borders ( a97b54f) prevent propagation of custom ActionBar actions by default ( 14909bd) prevent user pollution of ActionBar styles ( e154cb7) render DropZones the same in Puck and Render ( d975aaf) reset resolveFields lastFields param when changing component ( 7fead35) select new item when dispatching duplicate action ( e3d0025) set root DropZone to 100% height ( 3d93f46) stop actions from overflowing outside left of frame ( c036b6d) trigger iframe resize when closing devtools ( 2c0b782)

Get the Android app

Or read this on Hacker News

Read more on:

Photo of Drop

Drop

Photo of css

css

Photo of drag

drag

Related news:

News photo

Show HN: Apple-like smooth corners for Tailwind CSS

News photo

A couple CSS tricks for HTML Dialog elements

News photo

Best Apple Deals of the Week: AirPods Pro 2 Drop to $179.99, AirTag 4-Pack Hits $69.99, and More