Function TextArea

  • TextArea(props): ReactNode

  • Parameters

    • props: Pick<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "name" | "autoFocus" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onClick" | "readOnly" | "autoComplete" | "disabled"> & {
          autoSize?: boolean | {
              maxRows?: number;
              minRows?: number;
          };
          defaultValue?: string;
          id?: string;
          maxLength?: number;
          onChange?: ((val) => void);
          placeholder?: string;
          rows?: number;
          showCount?: boolean | ((length, maxLength?) => ReactNode);
          value?: string;
      } & {
          className?: string;
          style?: CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--count-text-align", string>>;
          tabIndex?: number;
      } & AriaAttributes & RefAttributes<TextAreaRef>

    Returns ReactNode

Properties

$$typeof defaultProps? displayName? propTypes?

Properties

Readonly $$typeof

$$typeof: symbol

Optional defaultProps

defaultProps?: Partial<Pick<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "name" | "autoFocus" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onClick" | "readOnly" | "autoComplete" | "disabled"> & {
    autoSize?: boolean | {
        maxRows?: number;
        minRows?: number;
    };
    defaultValue?: string;
    id?: string;
    maxLength?: number;
    onChange?: ((val) => void);
    placeholder?: string;
    rows?: number;
    showCount?: boolean | ((length, maxLength?) => ReactNode);
    value?: string;
} & {
    className?: string;
    style?: CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--count-text-align", string>>;
    tabIndex?: number;
} & AriaAttributes & RefAttributes<TextAreaRef>>

Optional displayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

Optional propTypes

propTypes?: WeakValidationMap<Pick<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "name" | "autoFocus" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onClick" | "readOnly" | "autoComplete" | "disabled"> & {
    autoSize?: boolean | {
        maxRows?: number;
        minRows?: number;
    };
    defaultValue?: string;
    id?: string;
    maxLength?: number;
    onChange?: ((val) => void);
    placeholder?: string;
    rows?: number;
    showCount?: boolean | ((length, maxLength?) => ReactNode);
    value?: string;
} & {
    className?: string;
    style?: CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--count-text-align", string>>;
    tabIndex?: number;
} & AriaAttributes & RefAttributes<TextAreaRef>>

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc