Skip to main content

Input

A component designed for user text input.

Vector icon

Usage​

import React from "react";
import { Input } from "./components";

const Example = () => {
  return <Input />;
};

export default Example;

Props​

TextInput props​

Extends the ...TextInput Props from React Native.

variant​

Type: 'outline' | 'underlined'

outline - flat input with outline

underlined - input with an underline

size​

Type: 'deafult' | 'lg' | 'sm'

Determines the size of the input field

status​

Type: 'success' | 'primary' | 'error' | 'warning'

Determines the color of the input field

left​

Type: React.ReactNode

Type: React.ReactNode