Textarea

The multiline input used in Settings (the Profile "Personal context" field): an inset 1px ring (radius 8), 14px text, and an optional character counter pinned bottom-right that turns red past the limit. It forwards every native <textarea> prop.

Installation

npm install @crisp-ui-kit/crisp

Props

Notes

• Counter. With showCount + maxLength, a muted N / max sits bottom-right (the field pads to clear it); it turns bgDanger if the value ever exceeds the limit. It tracks controlled or uncontrolled values.
• Resize. Vertical resize is allowed by default; set style={{ resize: "none" }} to lock it (the reference app locks theirs).
• Focus. The inset ring turns brand on focus, matching Input.