Tile UISolid
Source code

Tile UI · SolidJS

CSR · SSR · SSG

Textarea

An accessible SolidJS textarea with SSR-safe initial values and messaging.

Edit the initial server-rendered value, then reset.

Characters: 21

import { createSignal } from 'solid-js';
import { Button, Textarea } from '@tile-ui/solid';

export default function TextareaDemo() {
	const [value, setValue] = createSignal('SSR-safe initial note');
	return (

Use Textarea for multi-line values that remain stable through SSR, hydration, and reset.

Registry install

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

Package usage

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

<Textarea label="Summary" defaultValue="SSR-safe initial value" />

Highlights

  • Label and helper text
  • Error state
  • Resizable by default

Registry dependencies

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

API reference

Textarea

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