Input

inputs

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

Preview

Label + Input

Installation

npm install @launchapp/design-system

Import

import { Input } from "@launchapp/design-system";

Examples

Basic Input

<Input type="email" placeholder="Email" />

Disabled Input

<Input disabled placeholder="Disabled" />

With Label

<div className="grid w-full max-w-sm items-center gap-1.5">  <Label htmlFor="email">Email</Label>  <Input type="email" id="email" placeholder="Email" /></div>

Props

Prop	Type	Default	Description
`type`	`string`	`"text"`	HTML input type.
`placeholder`	`string`	—	Placeholder text.
`disabled`	`boolean`	`false`	Disables the input.
`value`	`string`	—	Controlled value.
`onChange`	`React.ChangeEventHandler<HTMLInputElement>`	—	Change event handler.
`className`	`string`	—	Additional CSS classes.

← PreviousForm

Next →KPICard