zebflow 0.11.14

Reactive web automation platform — pipelines, templates, and real-time collaboration in a single binary.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

import { cx } from "zeb/react";

/**
 * Textarea — styled multi-line text input that matches the Input component's
 * visual language (same border, focus ring, colour tokens).
 */
export default function Textarea({
  name,
  id,
  value,
  defaultValue,
  placeholder,
  rows,
  disabled,
  readOnly,
  onInput,
  onChange,
  className,
  ...rest
}) {
  const hasValue = value !== undefined;
  return (
    <textarea
      {...rest}
      name={name}
      id={id}
      placeholder={placeholder}
      rows={rows}
      disabled={disabled}
      readOnly={readOnly}
      onInput={onInput}
      onChange={onChange}
      value={hasValue ? value : undefined}
      defaultValue={hasValue ? undefined : defaultValue}
      className={cx(
        "flex w-full rounded-md border border-border bg-popover text-foreground px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/40 focus-visible:border-ring/40 resize-y disabled:cursor-not-allowed disabled:opacity-50",
        className
      )}
    />
  );
}