Skip to main content

We're excited to launch Tallinn Design System! While it allows you to create interfaces the Tallinn way it's still a work in progress. If you think something’s missing or isn't working, please let us know at disain@tallinnlv.ee

Version: 1.0.0 (latest)

Change log

Components

Textarea

Overview

When to use

Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.

When not to use

Do not use the textarea component if you need to let users enter shorter answers no longer than a single line, such as an email address or a name. In this case, you should use the text input component.

Principles​

Textareas should always have labels. Placeholder text is not a suitable substitute for a label, as it disappears when users click inside the textarea.

Make the height of a textarea proportional to the amount of text you expect users to enter.

Size​

Regular size should be used in most cases.

Regular size

Compact size

Required indicator​

Hint text​

Error messages​

Disabled state​