Downcity
Components

Textarea

Use for prompts, long descriptions, and multi-line configuration input

Textarea

Textarea is the multi-line text input primitive.

Import

import { Textarea, Label } from "@downcity/ui";

Basic Example

import { Label, Textarea } from "@downcity/ui";

export function PromptField() {
  return (
    <div className="flex flex-col gap-2">
      <Label htmlFor="system-prompt">System Prompt</Label>
      <Textarea id="system-prompt" placeholder="Enter the system prompt" />
    </div>
  );
}

Good Fits

  • Prompts
  • Long descriptions
  • Multi-line config snippets
  • Textarea
  • TextareaProps

Usage Notes

  • Use Textarea for long-form input
  • Use Input for short single-line fields

Tabs

Use for same-level content switching and panel segmentation

Toggle

Use for single pressed-state controls and toolbar toggles

Table of Contents

TextareaImportBasic ExampleGood FitsRelated ExportsUsage Notes