# Liquid glass toggle: spec and references

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

On/off toggle buttons and single-choice radios. Layer: controls.

Also called: toggle button, radio, radio group, chip, filter chip.

| Property | Value |
|---|---|
| Material | lens (off) → solid accent or tint (on) |
| Profile | squircle |
| Geometry | capsule like button; radios 16–18 px circles |
| Bezel (px) | h/2 |
| Displacement (px) | 25 |
| Blur (px) | 0.5–1 |

## Anatomy

- glass capsule or small circle
- label

## States

- off: clear glass
- on: solid accent or tint
- disabled: tinted flat at 45 %

## Rules

- On state must differ by colour AND weight/fill, not only rim brightness.

## References

![Filter chips above a panel of selected, unselected and disabled radio options over a procedural backdrop.](https://meniscus.site/gallery/toggle-light-studio.webp)

![A row of filter chips with two selected, above a glass panel of selected, unselected and disabled radio options, over a zoomed night skyline and its waterline.](https://meniscus.site/gallery/toggle-dark-studio.webp)

## Use it with your assistant

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