# Keyboard Avoiding

Container that lifts your content above the on-screen keyboard on iOS, so fields and message bars never end up hidden behind it. On Android it leaves this to the system’s own resizing.

> Composed · Free · Mobile-Native — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add keyboard-avoiding
```

## Import

```tsx
import { KeyboardAvoiding } from "@/components/ui/keyboard-avoiding/keyboard-avoiding";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `offset?` | `number` | Extra offset (e.g. header height). Default 0. |
| `className?` | `string` | — |

Source: https://lumioui.com/components/keyboard-avoiding