03 · tint
20%
1.00×
0.65×
1px
the face's own
35%
none
the face alone
sage
tint · 20%
ember
tint · 20%
ice
tint · 20%
violet
tint · 20%
glass on glass
a field, a button and a badge on a glass panel
a badge shipped
Use shape and scheme for the defaults, as for the element, and className for sizing. Set --glass-blur or --glass-tint through Tailwind or the typed style prop; rim (a multiple of the default brightness) and rimWidth tune the edge; tint stains it a colour (tintAmount, 0 to 1, how much), or set --glass-stain on a parent to stain every glass inside. shape="surface" applies only the material.