layout · 18 INSTRUMENTS
Layout
Structure that reflows — disclosure, grids, and shells that rearrange on the glide.
See the Layout showcaseKQ-007
Drawer Accordion
Opens like a specimen cabinet.
KQ-036
Tile Grid
Drag a tile; the grid reflows around it.
KQ-176
Split Pane
Drag the divider; it snaps to thirds.
KQ-177
Masonry Flow
Filter the wall; the tiles FLIP to fit.
KQ-178
Expander Tree
Open a branch; the children cascade in.
KQ-179
Sticky Stack
Headers stack at the top, then peel away.
KQ-348
Focus Rail
One panel is always open.
KQ-561
Reorder List
Lift a row; the others make room.
KQ-562
Agenda Day
Events stack in the day; now creeps down the column.
KQ-563
Lane Board
Cards cross lanes; the columns make room.
KQ-564
Unfold Card
The card unfolds into its detail in place.
KQ-565
Fit Panel
The panel's height follows its content.
KQ-566
Density Grid
Comfortable to compact; the rows tighten in place.
KQ-567
Summary Hem
The summary condenses as you scroll.
KQ-568
Step Slide
Steps slide by direction; the height fits.
KQ-569
Swipe Row
Swipe the row; the actions wait underneath.
KQ-570
Shrink Bar
The header compacts as you go.
KQ-588
Shop Card
Hover shows the other angle; the add bar rises.