Textarea

Text area with matching input styling, variants, and sizes.

Usage

import {Textarea} from 'kinu';

<Textarea rows={4} placeholder="Write here" />

Exports

Name Description Rendered HTML
Textarea Multi-line text input <textarea k="textarea">

Props

Prop Type Default Description
rows number Number of visible text rows.
placeholder string Placeholder text for the textarea.
value `string number readonly string[]
onInput (event: InputEvent) => void Change handler for controlled textareas.
disabled boolean Disables interactions and applies disabled styling.

Notes

  • Wraps the native <textarea> for full form support.
  • Use the resize attribute to control user resizing.
  • Pass autosize to let the textarea grow with its content via native field-sizing: content. Supported in Chromium and Firefox; gracefully falls back to the fixed-height default elsewhere.

_Source: src/components/textarea/index.tsx