forms
Elastic-drag event blocks
A day view with event blocks whose bottom edge drags to change duration, snapping to fifteen-minute steps and showing the resulting duration while dragging. Growing into the next block shifts or compresses it depending on the chosen mode, and the drag stalls with a visible limit when there is no room left.
See it live and copy its promptWhat you can adjust
- Snap minutes
- Hour height
- Collision mode
- Block color
- Show duration label
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
