Param Panel

Textarea

A multi-line string input for notes, shader source, or JSON blobs.

Textarea is ParamPanel's multi-line string value control. For single-line input, see Text.

Try it

Usage

const shader = pp.textarea({
  label: "Fragment shader",
  value: initialShader,
  rows: 12,
});

Configuration

interface TextareaConfig extends BaseControlConfig {
  value: string;
  placeholder?: string;
  rows?: number;
  resize?: "none" | "vertical" | "both";
  trim?: boolean;
}

interface TextareaControl extends ValueControl<string, TextareaConfig> {}

Not a code editor

The textarea is deliberately a plain multi-line input. It will not grow into a full code editor in core — syntax highlighting and similar features belong in optional adapters built on top of it.

On this page