Motion
Slide
motionanimationtranslatepanelnavigation
An element moves in from an edge of its container or the screen.
When to use
- Drawers and sidebars entering from the left or right
- Carousels advancing to the next slide
- Mobile navigation panels
Examples
- Sheet sliding up from the bottom on mobile
- Horizontal carousel advancing to the next item
See this in the wild
Analyze a site and look for slide in the breakdown.
