glasscn
Glass Code Block Command

A glass-styled package-manager command block with copy support.

$ npx shadcn add @glasscn/glass-code-block-command
import {
  GlassCodeBlockCommand,
  PackageManagerProvider,
} from "@/components/ui/glasscn/glass-code-block-command"

Installation

$ npx shadcn add @glasscn/glass-code-block-command

API

Prop
Type
Default
Description
GlassCodeBlockCommandglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-bold""clear"
Controls the glass surface treatment.
GlassCodeBlockCommand...props
Omit<CodeBlockCommandProps, 'className'>-
Props from the underlying shadcn/ui primitive.

Variants

clear
$ npx shadcn add @glasscn/glass-code-block-command
frosted
$ npx shadcn add @glasscn/glass-code-block-command
subtle
$ npx shadcn add @glasscn/glass-code-block-command
liquid
$ npx shadcn add @glasscn/glass-code-block-command
liquid-bold
$ npx shadcn add @glasscn/glass-code-block-command