v0.0.3

Documentation version

Open files in your editor

Project folderVersion

On a Mac, right-click the folder in Finder, hold Option, and choose Copy as Pathname.On Windows, hold Shift, right-click the folder, and choose Copy as path, then delete the quote marks.

Open files in

ComponentsLumos 0.0.2NewOpen component

Textarea

A multi-line field that grows with what is typed into it.

A textarea is normally a fixed box: too tall for a one-line answer, too short for a real one. This one starts at minLines, grows as it is typed into, and stops growing at maxLines — after which it scrolls.

astro

<Textarea label="Message" minLines={3} maxLines={12} required />

<Textarea label="Message" minLines={3} maxLines={12} required />

Props

Prop	Type	Default	What it does
`render`	`boolean`	`true`	Set to `false` to skip this component and everything inside it.
`label`	`string`	None	The text above the field.
`value`	`string`	None	What the field starts out holding.
`name`	`string`	None	The name it submits under. Taken from the label where it is not set.
`placeholder`	`string`	None	The text shown in an empty field.
`minLines`	`number`	`3`	How short it may be, in lines.
`maxLines`	`number`	`12`	How tall it grows to before it scrolls, in lines.
`required`	`boolean`	`false`	Marks the field as needed, and stars its label.