Glass Select

A select menu with glass-styled trigger and content surfaces.

import {
  GlassSelect,
  GlassSelectContent,
  GlassSelectTrigger,

Installation

$ npx shadcn add @glasscn/glass-select

API

Prop

Type

Default

Description

GlassSelectglassVariant

"clear" | "frosted" | "subtle" | "liquid" | "liquid-bold""clear"

Controls the glass surface treatment.

GlassSelect...props

React.ComponentProps<typeof Select>-

Props from the underlying shadcn/ui primitive.

GlassSelectTrigger...props

React.ComponentProps<typeof SelectTrigger>-

Props from the underlying shadcn/ui primitive.

GlassSelectContent...props

React.ComponentProps<typeof SelectContent>-

Props from the underlying shadcn/ui primitive.

clear

frosted

subtle

liquid

liquid-bold