# Liquid glass select: spec and references

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

Choose one value from a list. Layer: controls + overlay.

Also called: combobox, picker, listbox, autocomplete list.

| Property | Value |
|---|---|
| Material | trigger: regular capsule · listbox: frost |
| Profile | squircle |
| Geometry | trigger 32–36 tall with chevron; listbox radius 14–16, rows 30–32, group labels caps 11 px |
| Bezel (px) | 16–18 |
| Displacement (px) | 30–40 |
| Blur (px) | 8–14 (listbox) |

## Anatomy

- glass trigger
- separate glass listbox 6 px below
- checked row: lighter inner lens pill + ✓
- group labels
- unavailable rows 40 %

## States

- closed
- open
- focus (accent ring on trigger)

## Rules

- Listbox and trigger are separate bodies; never attach the listbox flush to the trigger.

## References

![A language selector with its capsule trigger and an open grouped list with a checked option, over zoomed desert ridges.](https://meniscus.site/gallery/select-light-studio.webp)

![A language selector with its capsule trigger and an open grouped list with a checked option, over a zoomed night skyline.](https://meniscus.site/gallery/select-dark-studio.webp)

## Use it with your assistant

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