Textarea

Tag InputTimeline

Multi-line input with auto-resize and a character count.

Grows as you type.

0 / 200

Installation

pnpm add krz-ui

Usage

import { Textarea } from "krz-ui";
<Textarea label="Bio" placeholder="Tell us about yourself" maxLength={200} showCount autoResize />

API Reference

PropTypeDescription
label / hint / errorReactNodeField label, helper text and error message.
autoResizebooleanGrow with content instead of scrolling.
showCountbooleanShow a "12 / 200" counter. Requires maxLength.
className / style / ref—className and style go on the whole field; ref and native input attributes go to the <input>. See Customization.
classNames{ label?, input?, message?, count? }Extra classes for inner parts.