# Floating Label Input (Mobile)

> Label sits inside the field at rest; floats up + shrinks on focus or when filled. Reanimated 4 spring.
> Source: https://otf-kit.dev/components/mobile-floating-label-input

## At a glance

- **Platform:** React Native (Expo)
- **Category:** Input
- **Package:** `@otfdashkit/ui-native` (free, MIT)
- **Tags:** form, label, animation, native

## Install

```bash
bun add @otfdashkit/ui-native
```

## Usage

```tsx
import { FloatingLabelInput } from '@otfdashkit/ui-native'
```

The `<FloatingLabelInput>` component ships the same prop API on web (`@otfdashkit/ui`) and native (`@otfdashkit/ui-native`) where a parity version exists.

## Links

- Live preview + code: https://otf-kit.dev/components/mobile-floating-label-input
- Storybook: https://native.otf-kit.dev
- All components: https://otf-kit.dev/components