Component · controls

Liquid glass checkbox

Multi-select.

Also called checkbox group

Checked, unchecked, mixed and disabled checkbox rows in a glass panel over a procedural backdrop.
Checked, unchecked, mixed and disabled checkbox rows in a glass panel over a procedural backdrop. (light)
Checked, unchecked, mixed and disabled checkbox rows in a glass panel, over a zoomed night skyline and its waterline.
Checked, unchecked, mixed and disabled checkbox rows in a glass panel, over a zoomed night skyline and its waterline. (dark)

Spec

Material
unchecked: small lens/rim tile · checked: solid accent with white check
Profile
rim
Geometry
16–18 px square, radius 5; group gap 10–12
Bezel (px)
4–6
Displacement (px)
4–6
Blur (px)
0.5

Anatomy

  • box
  • check or dash glyph
  • label

States

  • unchecked
  • checked
  • indeterminate (dash)
  • disabled 40 %

Rules

  • Tiny controls barely show refraction; rim + fill carry them.