Button Glass

Glassmorphism buttons with blur effects and transparency.

Glass Variants

1<ButtonGlass variant="default">Default</ButtonGlass>
2<ButtonGlass variant="secondary">Secondary</ButtonGlass>
3<ButtonGlass variant="dark">Dark</ButtonGlass>

Sizes

1<ButtonGlass size="sm">Small</ButtonGlass>
2<ButtonGlass size="md">Medium</ButtonGlass>
3<ButtonGlass size="lg">Large</ButtonGlass>

On Solid Background

1<ButtonGlass>Default Glass</ButtonGlass>
2<ButtonGlass variant="secondary">Secondary Glass</ButtonGlass>
3<ButtonGlass variant="dark">Dark Glass</ButtonGlass>

Installation

npx zeroui@latest add button-glass

Props

nametypedefaultdescription
variant"default" | "secondary" | "dark""default"-
size"sm" | "md" | "lg""md"-
childrenReactNode--
classNamestring""-
disabledbooleanfalse-