# Liquid glass tooltip: spec and references

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

Short label for a control. Layer: overlay.

Also called: hint.

| Property | Value |
|---|---|
| Material | tint or regular |
| Profile | squircle |
| Geometry | capsule 24–28 tall, text 12 px, 6–8 px above the control |
| Bezel (px) | 12 |
| Displacement (px) | 12–16 |
| Blur (px) | 1–2 |

## Anatomy

- small glass capsule
- text + shortcut (e.g. Undo — ⌘Z)

## States

- hidden
- shown after 400–600 ms

## Rules

- Never overlaps its control.

## References

![A small shortcut tooltip floating above the first of three round icon buttons, over zoomed desert ridges.](https://meniscus.site/gallery/tooltip-light-studio.webp)

![A small shortcut tooltip floating above the first of three round icon buttons, over a zoomed night skyline.](https://meniscus.site/gallery/tooltip-dark-studio.webp)

## Use it with your assistant

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