Textarea

Interactive

See Textarea in Storybook for every variant, with live controls.

A multi-line text field. Same label / hint / error chrome as Input.

import { Textarea } from "@kairosis/eidos";

<Textarea label="Description" rows={4} placeholder="What does this service do?" />;

Props

Prop	Type	Default	Description
label	string	—	Rendered above the control
error	string	—	Shown below; turns the border red
hint	string	—	Helper text below (suppressed when error is set)
rows	number	4	Initial height
className / style		—	Target the outer wrapper
textareaClassName	string	—	Targets the <textarea> itself

Also accepts every <textarea> attribute. Forwards a ref.

Guidelines

• Resizes vertically only — horizontal resize breaks dense layouts.
• Like Input, error outranks focus and sets aria-invalid.
• Prefer rows over a fixed height so the field grows with content.