Glass Button Group Docs

Glass Button Group

A grouped set of buttons with shared glass styling and separators.

import { ArchiveIcon, FlagIcon } from "lucide-react"

import { Button } from "@/components/ui/button"
import { GlassButtonGroup } from "@/components/ui/glasscn/glass-button-group"

Installation

$ npx shadcn add @glasscn/glass-button-group

Variants

clear

frosted

subtle

liquid

liquid-refract

API

Prop

Type

Default

Description

GlassButtonGroupglassVariant

"clear" | "frosted" | "subtle" | "liquid" | "liquid-refract""clear"

Controls the glass surface treatment.

GlassButtonGroup...props

React.ComponentProps<typeof ButtonGroup>-

Props from the underlying shadcn/ui primitive.