Components

Component

TextFieldTextarea

Multi-line text input that can grow with content.

ReactReact Native9 props
PreviewReact

설명을 써주세요

설명을 써주세요

오류가 발생한 이유를 써주세요

설명을 써주세요

0/8

Imports

import { TextField, TextFieldTextarea } from "@hozorica/hods-react/text-field";
import { TextField, TextFieldTextarea } from "@hozorica/hods-react-native/text-field";

Props

PropTypeDescription
autoresizebooleanAutomatically grows textarea height on web. Defaults to true.
asChildbooleanWeb-only custom textarea composition.
labelReactNodeOptional visible field label from TextField.
description / errorMessageReactNodeHelper and error text from TextField.
variantoutline | underlineField chrome style from TextField.
disabled / readOnly / invalid / requiredbooleanState flags passed to the textarea.
value / defaultValuestringControlled and uncontrolled text value.
maxGraphemeCountnumberLimits and counts user-perceived characters.
onValueChange(details) => voidReceives value, graphemes, slicedValue, and slicedGraphemes.

Platform Support

React

Textarea slot with autoresize, fixed/constraint sizing, labels, helper/error text, and grapheme count through TextField.

React Native

Multiline TextInput slot with the same TextField wrapper contract.

Usage

<TextField label="라벨"><TextFieldTextarea placeholder="플레이스홀더" /></TextField>

Notes

  • Render TextFieldTextarea only inside TextField.
  • Set autoresize={false} and a height style when a fixed textarea height is needed.
  • Use maxHeight style constraints for auto-growing textareas that should stop expanding.