Input

import { Input } from '@tile-ui/solid';

export default function InputDemo() {
	return (
		<div class="component-preview__stack">
			<Input label="Project name" helperText="Used in the generated workspace URL." placeholder="Tile UI Solid" />

Use Input for SolidJS single-line text entry with aligned messaging.

Registry install

pnpm dlx shadcn@latest add @tile-ui/input

Package usage

import { Input } from '@tile-ui/solid';

<Input
	label="Project name"
	helperText="Used in your dashboard and generated URLs."
	placeholder="Tile UI Docs"
/>

Highlights

• Label and helper text
• Error state
• Pairs with Field and Form

Registry dependencies

Item	Purpose
input	Component source and module styles
core	Framework-agnostic logic helpers
utils	Shared utility helpers
styles	Shared SCSS tokens and globals

API reference

Input

Prop	Type	Default
label	string	—
error	string	—
helperText	string	—
defaultValue	string	—
onChangeValue	(value: string) => void	—

Related docs

• Textarea
• Label
• Field