Application composition

One task, two explicit surfaces

The filter task uses an anchored flyout with a precise pointer and a modal bottom drawer on a narrow coarse-pointer viewport. Actual keeps both primitives independent; this page owns the responsive choice and synchronizes their application state.

No adaptive core component

Resize while a surface is open and it closes. The next interaction chooses the new presentation instead of converting one top-layer transport into another.

Workshop catalog

Open Filters, change the criteria, then apply them. Both presentations share the same local state.

Anchored flyout
Remote · Relevance
Remote

Design systems clinic

Audit a component API and turn inconsistencies into a maintainable vocabulary.

In person

Accessible interactions

Build keyboard and focus behavior from native controls and explicit semantics.

Remote

Intrinsic layouts

Compose resilient grids and sidebars without viewport-specific component variants.

Filter workshops

Modal bottom drawer.

Format