Input

A styled text input field for capturing user data. Supports all native input types, placeholders, and integrates with the Zostel form system.

Preview

Default

With Label

Disabled

With Icon

Usage

tsx

import { Input } from "zostel-ui";

<Input placeholder="Enter your name" />
<Input type="email" placeholder="you@zostel.com" />
<Input disabled placeholder="Disabled" />

Props

Prop	Type	Default	Description
`type`	`string`	"text"	The HTML input type (text, email, password, number, etc.).
`placeholder`	`string`	—	Placeholder text shown when the input is empty.
`disabled`	`boolean`	false	Disables the input field.
`className`	`string`	""	Additional CSS classes to apply.

type

Type: string

Default: "text"

The HTML input type (text, email, password, number, etc.).

placeholder

Type: string

Default: —

Placeholder text shown when the input is empty.

disabled

Type: boolean

Default: false

Disables the input field.

className

Type: string

Default: ""

Additional CSS classes to apply.

Previous Button Next Textarea