Input

Demo

Shows an input component.

Installation

CLI

npx @react-native-reusables/cli@latest add input

Manual

Copy/paste the following code to ~/components/ui/input.tsx

Usage

import { Input } from '~/components/ui/input';
import { Text } from '~/components/ui/text';

function Example() {
  const [value, setValue] = React.useState('');

  const onChangeText = (text: string) => {
    setValue(text);
  };

  return (
      <Input
        placeholder='Write some stuff...'
        value={value}
        onChangeText={onChangeText}
        aria-labelledbyledBy='inputLabel'
        aria-errormessage='inputError'
      />
  );
}

Props

Input

Extends Text Input props