Collection of theme-ui and external components.
created:3/15/2021
updated:3/15/2021
source lines:25
comments %:0

Textarea

Form textarea component

Textarea variants can be defined in

theme.forms
and the component uses the
theme.forms.textarea
variant by default.

Overview

({ rows }) => (
<Textarea
rows={rows}
defaultValue={`Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Fusce in metus velit.
In purus neque, mattis non vehicula a, facilisis a leo.
Mauris varius turpis quis tortor cursus convallis.
Duis sapien dui, consequat sed vestibulum et, posuere sed mauris.
Duis pretium eu velit ac fermentum.
Vestibulum et lacus eu erat interdum lobortis.
Proin placerat leo orci, ut placerat magna egestas sit amet.
Sed vitae orci aliquam, elementum leo vestibulum, mollis arcu.
Pellentesque dignissim mattis leo id eleifend.
Nullam egestas purus vitae nisl vestibulum scelerisque.
Donec porttitor velit eu sollicitudin scelerisque.
Suspendisse quis aliquet lacus, nec lacinia tellus.`}
/>
)

Controls

Name
Description
Default
Controls
rows
number
-

A11y tests

color

+1 rules100

forms

-1/+2 rules33

keyboard

+1 rules100

Viewport

320px

375px

768px

1024px