# Liquid glass sheet: spec and references

Source: https://meniscus.site/components/sheet · Updated 2026-09-27

Task surface from the bottom (mobile) or side. Layer: overlay.

Also called: drawer, bottom sheet, modal sheet, action sheet.

| Property | Value |
|---|---|
| Material | frost |
| Profile | squircle |
| Geometry | inset from screen edges 8 px (iOS 26 floating sheet), top radius 28–36, grabber 36×5 capsule at top |
| Bezel (px) | 28 |
| Displacement (px) | 60–70 |
| Blur (px) | 12–20 |

## Anatomy

- dim the world behind a modal sheet; a non-modal peek sheet (map, player) leaves it undimmed and interactive
- frosted sheet
- grabber
- flat content

## States

- collapsed/peek
- expanded (becomes more opaque)
- dragging: follows the finger with spring

## Rules

- A modal sheet dims the world behind it; the sheet itself refracts at its rim.
- Avoid an opaque solid panel that hides all backdrop.

## References

![A floating bottom sheet with a grabber, a title, two actions and a short body line, over a street map with a route inside a phone frame.](https://meniscus.site/gallery/sheet-light-studio.webp)

![A floating bottom sheet with a grabber, a title, two actions and a short body line, over a dark street map with a route inside a phone frame.](https://meniscus.site/gallery/sheet-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `sheet`. Materials, colours, light and composition rules that apply to every component are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs