Concepts
A Liquid component is a blank canvas: fill, radius, and content. Advanced behavior lives outside that canvas as independent capabilities — reactive edge, liquid merge, tone, lock and snap — that you mix and match. Each container below isolates one capability so its switch changes only that focused preview.
Reactive edge
The edge brightens as the pointer approaches. Dark surfaces retain a faint resting edge, then rise to their dark-theme maximum.
Liquid merge
A Liquid Dropdown repeatedly opens from its trigger and settles back into one control, previewing the unified surface morph.
Tone sensing
Drag one control across the split backdrop to see its surface and edge resolve light or dark from what sits beneath it.
Drag and snap
Drag the same controls across an 8 px grid; snapped positions remain inside the canvas.