OverlaysVisual draft 0.1
Drawer
Brings a temporary task up from the lower edge, especially on touch screens.
CoreFoundational primitiveHTML first
01 / Preview
The current Angle direction.
Filter members
02 / Decision
What this component must preserve.
Angle component decision
Use for mobile-first supporting tasks and preserve a visible dismissal gesture and button.
03 / Anatomy
Parts with a specific job.
Backdrop
01Handle
02Surface
03Content
04Actions
0504 / States
The happy path is only one state.
01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance
Use the contract, not the screenshot.
Do
Use for mobile-first supporting tasks and preserve a visible dismissal gesture and button.
Avoid
Do not create a one-off version that bypasses shared states, tokens, focus behavior, or the component decision documented here.