Textarea

import { Textarea } from 'yarcl';

One row

A one-row textarea is exactly as tall as an input.

Message

<Textarea rows={1} placeholder="Say hello" />
<Textarea rows={4} />

A one-row textarea is exactly as tall as an Input of the same size: the vertical padding is computed from the control height and the line height. It grows from there and can be resized vertically.

Props

Accepts every native <textarea> attribute except color.

Prop	Type	Default	Description
color	Colorconfig	config.defaults.color	Semantic color, from the colors config.
radius	'size' | Radiusconfig	config.defaults.radius	Border radius, from the radii config, or 'size' for the radius named like the control's size.
size	Sizeconfig	config.defaults.size	Control size, from the sizes config.