TextArea

A multi-line text input.

$ import { TextArea } from 'geist-ui-svelte';

Basic

Disabled / Readonly

Width

With Label

Sizes

Resizing

While we are still talking about size. How about we talk about resizing. This will be important when your users ruin your beautiful website by adding content to it.

1
2
3
+
4
5
6
7
+
8
9
10
NOTE: When using the `autoResize` property you will want to specify a min-height and width since by default they will fit the content of the TextArea.

Debounce

Sometimes when working with data from a server you want to wait for the user to finish typing before making a request. The built in `debounce` property and `on:debounce` event make this easy. Try it out below.

Debounced


Last Input
Next Select