Textarea

To use, import from @marvelapp/ui, or @marvelapp/ui-internal for the combined textarea with label:

import { Textarea } from '@marvelapp/ui';

Size

The <Textarea /> component has a few sizes available that can be used depending where in the page hierarchy they sit.

<Textarea size={3} />
<Textarea size={2} />
<Textarea size={1} />
<Textarea size={0} />

Kind

The <Textarea /> component has a few kinds available that can be used depending on the context of the action being performed.

<Textarea kind="default" />
<Textarea kind="error" />
<Textarea kind="disabled" />
<Textarea kind="whiteTransparent"  />

Props

Prop
Type
Default
disabled
boolean
false
display
string
block
fontFamily
number
0
fontWeight
number
400
isLoading
boolean
false
kind
default
error
disabled
whiteTransparent
underline
transparent
design
default
size
0
1
2
3
1