Inputs

Input

A text input field that integrates with Signal Forms. Supports all standard HTML input types, validation states, and error display.

LlmInput

Demo

<LlmInput type="email" placeholder="[email protected]" />
<LlmInput type="password" placeholder="Password" />
<LlmInput invalid={true} placeholder="Invalid state" />
<LlmInput disabled={true} placeholder="Disabled" />

API

Prop	Type	Default	Description
`value`	`string`	`''`	Controlled value (use with onValueChange)
`type`	`'text' \| 'email' \| 'password' \| 'number' \| 'tel' \| 'url'`	`'text'`	Input type
`placeholder`	`string`	`''`	Placeholder text
`disabled`	`boolean`	`false`	Disables the input
`readonly`	`boolean`	`false`	Makes the input read-only
`invalid`	`boolean`	`false`	Applies invalid/error styling
`required`	`boolean`	`false`	Marks field as required
`name`	`string`	`''`	HTML name attribute for form submission

Import

import { LlmInput } from '@atelier-ui/react';