Input

Displays a form input field or a component that looks like an input field.

Installation

npm install @volta/input

Usage

import { Input } from '@volta/input';
import { Rwe20, Rwe99 } from '@volta/iconography';

<Input
  type="email"
  placeholder="Email"
  startIcon={<Rwe20 />}
  endIcon={<Rwe99 />}
/>

Examples

Sizes

Small

Medium

Densed

Large

X-Large

Rounded

Provide rounded-full as className to get a rounded input

Show/hide password example

Input Props

The following props are available for input component. These are the custom props that we've added for the input component and you can use all the other native input props as well.