G GlassUI

Select

Native HTML select dropdown styled to match the input fields, supporting custom colors, sizes, and glass states.

Playground

Explore all select props interactively.

Props

The bound selected value.

Input size

Color/status border theme

Label text above select

Error message (sets color to error)

Helper text below select

Placeholder option text

Glass surface density

Backdrop blur intensity

Elevated with shadow

Glow intensity

Disabled state

Validation States

Like Inputs, Select menus automatically format themselves when given an error.

PostgreSQL connection failed.

Looks good!

Glass Optic Consistency

Because Select is a 'field' role in the GlassUI engine, it perfectly mimics the optical recess and border styling of Input and Textarea fields when rendered on a glass pane.

Account Settings

Notice how both the text input and the select dropdown share the identical inset optical shadow and translucent border variables.

Feature locked