glasscn
Glass Command

A command menu with glass-styled palette, input, and item states.

import {
  CommandGroup,
  CommandItem,
  CommandList,

Installation

$ npx shadcn add @glasscn/glass-command

Variants

clear
frosted
subtle
liquid
liquid-refract

API

Prop
Type
Default
Description
GlassCommandglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-refract""clear"
Controls the glass surface treatment.
GlassCommand...props
React.ComponentProps<typeof Command>-
Props from the underlying shadcn/ui primitive.
GlassCommandDialogglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-refract""clear"
Controls the glass surface treatment.
GlassCommandDialog...props
React.ComponentProps<typeof CommandDialog>-
Props from the underlying shadcn/ui primitive.
GlassCommandInput...props
React.ComponentProps<typeof CommandInput>-
Props from the underlying shadcn/ui primitive.