Text Area

A multiline text input component for longer form content with support for labels, helper text, and AI generation.

Installation

npx chilli@latest add textarea

Default

Helper text

States

Helper text

Helper text

Helper text

With AI Button

Helper text

Helper text

Helper text

API Reference

TextArea

PropTypeDefaultDescription
labelstringThe label text displayed above the textarea.
helperTextstringHelper text displayed below the textarea.
errorstringError message. Replaces helper text and applies error styling.
showAiButtonbooleanfalseWhether to show the 'generate with AI' button.
onAiGenerate() => voidCallback when the AI generate button is clicked.
disabledbooleanfalseWhether the textarea is disabled.
placeholderstringPlaceholder text.