Back to docs
Component
Input Field
Input field with floating label and animated focus state.
Install
npx shadcn@latest add @native-bits/input-fieldDependencies
react-native-reanimated
formsinputmobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Field label |
| value | string | - | Current value |
| onChangeText | (text: string) => void | - | Change callback |
| error | string | - | Validation message |
Usage
```tsx
import { input-field } from '@/components/native-bits/input-field'
<InputField label="Email" value={email} onChangeText={setEmail} />
```Source code
Loading...