Glass Radio Group

A radio group with glass-styled radio items.

import { GlassRadioGroupItem } from "@/components/ui/glasscn/glass-radio-group"
import { Label } from "@/components/ui/label"
import { RadioGroup } from "@/components/ui/radio-group"

Installation

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

Variants

clear
frosted
subtle
liquid
liquid-refract

API

Prop
Type
Default
Description
GlassRadioGroupItemglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-refract""clear"
Controls the glass surface treatment.
GlassRadioGroupItem...props
React.ComponentProps<typeof RadioGroupItem>-
Props from the underlying shadcn/ui primitive.