Text Area

It is used to collect multi-line user input.

Anatomy

Mount all pieces together and create your Text Area.

import { TextArea } from '@micode-ui/react';
 
<TextArea />

Example

<TextArea placeholder='Leave a short opinion' />

Text Area States

For now, there are just the basic error and disabled states.

<Surface css={{
  display: 'flex',
  alignItems: 'center',
  gap: '$4',
}}>
  <TextArea placeholder='Error' error />
  <TextArea placeholder='Disabled' disabled />
</Surface>

Popover Text Input