Input

Input

Input component is a component that is used to get user input in a text field.

Import

import { Input } from '@unllamas/lacrypta-ui';

Usage


<Input placeholder='Basic usage'/>

Input Label


<Input ... label='Correo electrónico' id='email' />

Input Status


<Input ... status="success" isChecked />
<Input ... status="error" isError />

Input Loading


<Input ... disabled isLoading />

With Button


import { Input, InputGroup, InputGroupRight } from '@unllamas/lacrypta-ui';
 
const Preview = () => {
  return (
    <InputGroup>
      <Input placeholder="you@email.com" />
      <InputGroupRight>
        <Button>Paste</Button>
      </InputGroupRight>
    </InputGroup>
  );
}
HeadingText