@illa-design/input v1.3.0

Input

The Input component is used to get users input text in it.

Installation

yarn add @illa-design/input

Import component

import { Input } from "@illa-design/input"

API

Input Basic Properties

InputTextArea Basic Properties

InputSearch Basic Properties

InputPassword Basic Properties

Input Events

Input Methods

Example

Basic usage

<Input />
<Input placeholder="test-disabled" disabled />

Set input box's size

<Input variant="fill" size="small" />

Set prefix and add-on

<Input
  placeholder="variant-fill"
  prefix={"prefix"}
  addonBefore={"addonBefore"}
/>

Set default value and max length

<Input defaultValue="test maxLength" maxLength={4} />

Set word count

<Input placeholder="showCount" maxLength={4} showCount />

Set password input box

<Password placeholder="variant-fill" variant="fill" />

Set search input box

<Search placeholder="variant-fill" variant="fill" />

Set text area input box

<TextArea placeholder="defaultValue" defaultValue="test defaultValue" />