Glass Item

A versatile list item with glass surface treatments.

Basic Item

A simple item with title and description.

import { BadgeCheckIcon } from "lucide-react"

import {
  GlassItem,

Installation

$ npx shadcn add @glasscn/glass-item

Variants

clear
Basic Item

A simple item with title and description.

Your profile has been verified.
frosted
Basic Item

A simple item with title and description.

Your profile has been verified.
subtle
Basic Item

A simple item with title and description.

Your profile has been verified.
liquid
Basic Item

A simple item with title and description.

Your profile has been verified.
liquid-refract
Basic Item

A simple item with title and description.

API

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