Components

Input

Text input primitive with size variants, icons, and validation states.

iOSAndroid
Preview Input on your device

Scan with Expo Go

Download Expo Go, then scan the QR code to preview native components.

Installation

pnpm dlx @docyrus/cli add @docyrus/rn-input

Usage

import { Input } from '@/components/docyrus-native/input';

<Input placeholder="Enter text..." />
<Input size="lg" placeholder="Large input" />
<Input invalid placeholder="Invalid input" />

API Reference

PropTypeDefaultDescription
size'sm' | 'md' | 'lg''md'Input size
disabledbooleanfalseDisable interaction
invalidbooleanfalseShow invalid state
startIconReactNode—Icon at the start
endIconReactNode—Icon at the end
classNamestring—Additional CSS classes
inputClassNamestring—TextInput CSS classes

All standard TextInputProps are also supported (except style).

Type Exports

TypeDescription
InputPropsProps for Input component
InputSize'sm' | 'md' | 'lg'

On this page