# Liquid glass popover: spec and references

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

Rich floating panel anchored to a trigger. Layer: overlay.

Also called: preview card, hover card, flyout.

| Property | Value |
|---|---|
| Material | regular (clearest overlay; strong bend at the rim) |
| Profile | squircle |
| Geometry | radius 20–24, width 240–320, padding 16, optional arrow |
| Bezel (px) | 22–24 |
| Displacement (px) | 50–60 |
| Blur (px) | 2–6 |

## Anatomy

- glass panel
- title 14 semibold + secondary description
- flat rows with switches
- small glass Done button bottom-right

## States

- closed
- open from trigger

## Rules

- 6–8 px from the trigger.
- Non-modal: no dim layer.

## References

![A playback settings popover below a round icon trigger, with two switches and a small confirmation capsule, over zoomed desert ridges.](https://meniscus.site/gallery/popover-light-studio.webp)

![A playback settings popover below a round icon trigger, with two switches and a small confirmation capsule, over a zoomed night skyline.](https://meniscus.site/gallery/popover-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `popover`. 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