Drag it to a snap point, or flick it away.
Drag me to a snap point, or flick me away.
Four edges. Start and end follow the reading direction, so they flip in right-to-left.
Rest at 30, 60 and 100 percent. Sequential steps one point per gesture. A custom fade index leaves the backdrop clear until the second point. Controlled hands the height to the parent.
Detached floats inset with a radius all round. Handle only keeps the body free of drag. The backdrop is dim, blur or none.
The header and footer stay put; the body is the one scrolling region.
A nested sheet opens above its parent, which steps back. A non-dismissable sheet only closes from its own buttons.
Inputs inside a handle-only sheet: the keyboard lifts the sheet and nothing drags by accident.
The emoji picker block filling a snap-point sheet. Columns fit the sheet width (10 at the 32rem cap, 7 on a phone).
Press and hold a bubble (500ms, canceled by movement), right click, or press Enter. Reactions on top, actions below.
Press and hold a message, or right click it