Koori UI
Components

GlassButton

A glassmorphism-styled button with variant and size options.

Preview

Usage

import { GlassButton } from "koori-ui";
 
<GlassButton>Click me</GlassButton>
<GlassButton variant="primary">Primary</GlassButton>
<GlassButton variant="primary" size="lg">Large Primary</GlassButton>

Variants

<GlassButton variant="default">Default</GlassButton>
<GlassButton variant="primary">Primary</GlassButton>

Sizes

<GlassButton size="sm">Small</GlassButton>
<GlassButton size="md">Medium</GlassButton>
<GlassButton size="lg">Large</GlassButton>

Disabled

<GlassButton disabled>Disabled</GlassButton>

Props

PropTypeDefaultDescription
variant"default" | "primary""default"Visual style
size"sm" | "md" | "lg""md"Button size
disabledbooleanfalseDisable the button
typestring"button"HTML button type

All native <button> props are also accepted.

On this page