# Glass Dock Morph

Glass tab bar whose selection blob stretches and reshapes as it glides between tabs, lighting each tab as it passes and flaring gently when it lands.

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

## Install

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

## Import

```tsx
import { GlassDockMorph } from "@/components/ui/glass-dock-morph/glass-dock-morph";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `items` | `GlassDockMorphItem[]` | — |
| `value?` | `number` | — |
| `defaultValue?` | `number` | — |
| `onChange?` | `(index: number) => void` | — |
| `className?` | `string` | — |

## Icons rendered

- `home` — /icons.html?i=home
- `search` — /icons.html?i=search

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