# Liquid glass input: spec and references

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

Text entry. Layer: controls.

Also called: field, text field, textbox, otp field, fieldset, form, textarea.

| Property | Value |
|---|---|
| Material | regular trough (slightly darker than surrounding glass) · OTP: one rim/lens tile per digit |
| Profile | squircle |
| Geometry | height 36–44, radius 10–12 (or capsule), padding-x 12; label above 12–13 semibold; OTP slots 36–44 square, radius 10, gap 8 |
| Bezel (px) | 12–16 |
| Displacement (px) | 20–30 |
| Blur (px) | 1–2 |

## Anatomy

- glass trough
- placeholder secondary colour
- text primary
- helper text below

## States

- rest
- focus: 2 px accent ring
- error: red ring + helper
- disabled

## Rules

- A fieldset container stays clear; each field is its own glass.
- Inside a dialog the field is a flat trough, not a second lens.

## References

![Text inputs showing an error, helper text, multiline entry and verification-code boxes over a procedural backdrop.](https://meniscus.site/gallery/input-light-studio.webp)

![Text inputs showing an error, helper text, multiline entry and verification-code boxes over a procedural backdrop.](https://meniscus.site/gallery/input-dark-studio.webp)

## Use it with your assistant

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