A hardcoded max-height eases wrongly and breaks the moment content changes.
Lists Micro Interactions
Explore list micro interactions for reordering, pinning, archiving, inserting, and previewing items. Keep changes understandable without losing the user’s place.
In progress
Done
Select an item to move
Move between groups
- 1Ingest
- 2Transform
- 3Validate
- 4Publish
Drag to reorder
Items0 pinned
Item 1
Item 2
Item 3
Pin item to top
Items3 items
Item 1
Item 2
Item 3
Archive item with undo
Items2 items
Item 1
Item 2
Insert new list item
Selected item
Item 1
Sample content for the first item.