glasscn
Glass Alert

A status message surface with the shared glass variant system.

import { CheckCircle2Icon } from "lucide-react"

import { AlertDescription, AlertTitle } from "@/components/ui/alert"
import { GlassAlert } from "@/components/ui/glasscn/glass-alert"

Installation

$ npx shadcn add @glasscn/glass-alert

API

Prop
Type
Default
Description
GlassAlertglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-bold""clear"
Controls the glass surface treatment.
GlassAlert...props
React.ComponentProps<typeof Alert>-
Props from the underlying shadcn/ui primitive.

Variants

clear
frosted
subtle
liquid
liquid-bold