05 · controls
buttons
three sizes, an icon, soft corners, and a link that is one
choices
a toggle, and a segmented choice whose highlight glides
badges
small labels of glass: a stack, a status stained its colour, a link
menu
a dropdown: sign in, then the account and the way out
fields
a sign-up judged by one zod schema in the form, its inputs and its labels glass; each field speaks once you leave it, or when the form is sent
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.