Skip to content
ChatKit

Textarea

type Textarea = {
  allowAutofillExtensions?: boolean;
  autoFocus?: boolean;
  autoResize?: boolean;
  autoSelect?: boolean;
  defaultValue?: string;
  disabled?: boolean;
  gutterSize?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  id?: string;
  key?: string;
  maxRows?: number;
  name: string;
  pattern?: string;
  placeholder?: string;
  required?: boolean;
  rows?: number;
  size?: ControlSize;
  type: 'Textarea';
  variant?: 'soft' | 'outline';
};

Properties

Section titled “Properties”

allowAutofillExtensions?

Section titled “allowAutofillExtensions?”
optional allowAutofillExtensions: boolean;

autoFocus?

Section titled “autoFocus?”
optional autoFocus: boolean;

autoResize?

Section titled “autoResize?”
optional autoResize: boolean;

autoSelect?

Section titled “autoSelect?”
optional autoSelect: boolean;

defaultValue?

Section titled “defaultValue?”
optional defaultValue: string;

disabled?

Section titled “disabled?”
optional disabled: boolean;

gutterSize?

Section titled “gutterSize?”
optional gutterSize: "2xs" | "xs" | "sm" | "md" | "lg" | "xl";

id?

Section titled “id?”
optional id: string;

key?

Section titled “key?”
optional key: string;

maxRows?

Section titled “maxRows?”
optional maxRows: number;

name

Section titled “name”
name: string;

pattern?

Section titled “pattern?”
optional pattern: string;

placeholder?

Section titled “placeholder?”
optional placeholder: string;

required?

Section titled “required?”
optional required: boolean;

rows?

Section titled “rows?”
optional rows: number;

size?

Section titled “size?”
optional size: ControlSize;

type

Section titled “type”
type: 'Textarea';

variant?

Section titled “variant?”
optional variant: "soft" | "outline";