Designpedia
All terms
Overlays & Surfaces

Side Sheet

also known as side panel

A side sheet slides in from the side of the screen (usually the right) to show secondary content like filters, details, or settings, most often on tablet and desktop. Like bottom sheets it can be modal (with scrim) or standard (coexisting with the layout). It's for supplementary content rather than primary navigation.

See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A side sheet holds supplementary content (filters, details); a navigation drawer holds primary navigation destinations. Both are side-anchored surfaces, but their purpose differs. Compared to a bottom sheet, a side sheet comes from the side and targets larger screens.
In the wild
The filters surface that slides in from the right on a shopping site is a side sheet.
Tags
Sources