# Glass Lab

Interactive glass pane that responds to touch: light gathers under your finger and, on the web, the glass bends while you hold, then settles on release. Includes a frost control that works everywhere.

> Composed · Pro · Signature — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/glass-lab
```

## Import

```tsx
import { GlassLab } from "@/components/ui/glass-lab/glass-lab";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `defaultBend?` | `number` | Resting bend (0–1). Touching the pane raises it toward full. |
| `defaultFrost?` | `number` | Initial frost (0–1), adjustable with the Frost slider. |
| `defaultSheen?` | `number` | Peak strength of the specular sheen (0–1). |
| `label?` | `string` | The word shown on the glass pane. |
| `caption?` | `string` | Optional caption under the label. |
| `imageUrl?` | `string` | Photo the glass refracts. Without one, a built-in colour field. |
| `className?` | `string` | — |

Source: https://lumioui.com/components/glass-lab