TEXTAREA

Multi-line text field with optional label and inline error message. Non-resizable by default. Minimum height 80px. Green caret, amber error states.

PREVIEW

MISSION BRIEFING

TRANSMISSION LOG⚠ Message exceeds 512 byte limit.

INSTALLATION

BASH

npx shadcn@latest add @scificn/textarea

USAGE

TSX

import { Textarea } from '@/ui/textarea'

export function Example() {
  return (
    <Textarea
      label="ENCODED MESSAGE"
      placeholder="PASTE CIPHER TEXT HERE..."
      rows={6}
      onChange={(e) => console.log(e.target.value)}
    />
  )
}

STATES

FIELD NOTES

DEFAULT

COORDINATES⚠ Coordinate format invalid.

ERROR

LOCKED RECORD

DISABLED

PROPS

PROP	TYPE	DEFAULT	DESCRIPTION
label	string	—	Label text above the textarea. Auto-generates the id/htmlFor binding.
error	string	—	Inline error message below. Turns border and label amber.
rows	number	—	Number of visible text rows (HTML rows attribute).
disabled	boolean	false	Disables the textarea and reduces opacity.
id	string	—	Override the auto-generated id.