Input

Input

Input

Textarea

Select

Select an optionOption 1Option 2Option 3Selection requiredOption 1Disabled select

Usage

import { Input, Textarea, Select } from "@f0rbit/ui";

Input

Basic text input for single-line content:

<Input placeholder="Enter your name..." />

Error State

<Input placeholder="Invalid input" error />

Disabled

<Input placeholder="Disabled" disabled />

Password

<Input type="password" placeholder="Password" />

Textarea

Multi-line text input for longer content:

<Textarea placeholder="Enter your message..." />

With Error

<Textarea placeholder="Invalid content" error />

Select

Dropdown for selecting from predefined options:

<Select>
  <option value="">Select an option</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</Select>

With Error

<Select error>
  <option value="">Selection required</option>
  <option value="1">Option 1</option>
</Select>

Props

Input

Prop	Type	Default	Description
error	boolean	false	Show error styling
disabled	boolean	false	Disable the input
placeholder	string	—	Placeholder text

Textarea

Prop	Type	Default	Description
error	boolean	false	Show error styling
disabled	boolean	false	Disable the textarea
placeholder	string	—	Placeholder text

Select

Prop	Type	Default	Description
error	boolean	false	Show error styling
disabled	boolean	false	Disable the select