SkillCodexOpen favorites and history
Audience measurement
With your consent, Google Analytics and aggregate first-party counters measure site usage to help us improve it. These counters contain no search text, candidate, session identifier, or event identifier. You can change your choice anytime via “Cookies” in the footer.
Concept cluster
Compare a temporary side panel, a draggable mobile sheet, and a persistent layout region.
Should the surface stay persistent, enter from a side edge, or rise from the bottom?
Try it
Compare all three behaviors
Shared comparison scenario: A workspace places supporting navigation or controls along a screen edge while the main task stays in context.
This context stays fixed. Switch concepts to observe the mission, edge case, and specimen specific to each behavior.
Drawer
A Drawer is temporary and overlays content; a Sidebar stays in the layout, while a Bottom sheet is anchored to the bottom and supports mobile drag behavior.
Your task
Open the right-edge Filters, enable In stock, apply it, then reopen and press Escape to verify the draft is discarded and focus returns.
Edge case to verify
At narrow widths every filter and action remains reachable, and Escape closes without applying a changed draft over the furniture results.
Mission
Open the right-edge Filters, enable In stock, apply it, then reopen and press Escape to verify the draft is discarded and focus returns.
12 results
Office furniture
Compact desk
In stock
Adjustable chair
Made to order
Select a numbered marker on the schematic, or use the list below, to see its role. The schematic shows the concept's representative state.
Backdrop
The layer that separates a modal surface from inactive page content.
These descriptions fit every concept in the cluster, so none of them is enough to decide.
