Input

Input renders single-line text input fields styled with focus rings and error states.

Usage

InputExample.tsx

import { useState } from 'react';
import { Input } from '@masumdev/rn-ui';

export function InputExample() {
  const [value, setValue] = useState('');

  return (
    <Input
      placeholder="Enter username"
      value={value}
      onChangeText={setValue}
      size="md"
    />
  );
}

Props API

Prop	Type	Default	Description
value	string	—	Input text value.
onChangeText	(text: string) => void	—	Callback when input text changes.
placeholder	string	—	Placeholder hint string.
size	'sm' | 'md' | 'lg'	'md'	Input height size.
error	boolean	false	Highlights border with danger error color.
disabled	boolean	false	Disables user interaction.