Input

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

import { Input } from '@iftakhar/ui';

<Input type='email' id='email' placeholder='Email address' className='h-10 max-w-64 w-full rounded-md border px-3 py-2 text-sm focus:outline-none' name='email' />

Textarea

Displays a form textarea or a component that looks like a textarea.

import { TextArea } from '@iftakhar/ui';

<TextArea id='textarea' placeholder='Comment' className='h-20 resize-none w-full rounded-md border px-3 py-2 text-sm focus:outline-none' />

Label

Renders an accessible label associated with controls.

import { Label, Input } from '@iftakhar/ui';

<div className='flex flex-row items-center gap-2'>
  <Label htmlFor='email'>Email</Label>
  <Input type='email' id='email' placeholder='Email address' className='h-10 w-64 rounded-md border px-3 py-2 text-sm focus:outline-none' name='email' />
</div>