# Glass Fab Morph

Glass floating button that opens a column or row of glass action bubbles. The chosen action lights briefly while the others fade and pull back into the button.

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

## Install

```bash
npx @lumioui/cli add pro/glass-fab-morph
```

## Import

```tsx
import { GlassFabMorph } from "@/components/ui/glass-fab-morph/glass-fab-morph";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `icon?` | `IconName` | — |
| `actions` | `GlassFabMorphAction[]` | — |
| `onAction?` | `(index: number) => void` | — |
| `open?` | `boolean` | Controlled open state — uncontrolled when omitted. |
| `defaultOpen?` | `boolean` | — |
| `onOpenChange?` | `(open: boolean) => void` | — |
| `direction?` | `"up" | "left"` | Direction the orbs fan out. Default "up". |
| `accessibilityLabel?` | `string` | Accessible label for the trigger. Default "Create". |
| `className?` | `string` | — |

## Icons rendered

- `plus` — /icons.html?i=plus
- `camera` — /icons.html?i=camera
- `edit` — /icons.html?i=edit

Source: https://lumioui.com/components/glass-fab-morph