Input

Stable

Text input fields with labels, placeholders, and error states.

Import

import { Input } from '@brutal-ui/react';

Basic Usage

const [value, setValue] = useState('');

<Input
  label='Email'
  type='email'
  placeholder='your@email.com'
  value={value}
  onChange={(e) => setValue(e.target.value)}
/>

With Error

Password

Password must be at least 8 characters

<Input
  label='Password'
  type='password'
  placeholder='••••••••'
  error='Password must be at least 8 characters'
/>

Disabled State

Username

<Input
  label='Username'
  value='john_doe_123'
  disabled
/>

Different Types

Text

Password

Number

Props

Prop	Type	Default	Description
label	string	-	Input label text
type	string	"text"	HTML input type
placeholder	string	-	Placeholder text
error	string	-	Error message to display
disabled	boolean	false	Disable input