Nebula

text-area-field

Import

import { TextAreaField } from '@xpanseinc/nebula'

Usage

Size

Use the size prop to specify size. There are 2 size options for all inputs:

md (default)

<TextAreaField label="Description" />

sm

<TextAreaField label="Description" size="sm" />

With placeholder

<TextAreaField
  label="Description"
  placeholder="Enter your description here..."
/>

With default value

<TextAreaField label="Description" defaultValue="Here is a default value" />

Hidden Label

<TextAreaField
  label="Description"
  placeholder="Enter your description here..."
  hideLabel
/>

With helper text

We'll use this description in reference to your loan.

<TextAreaField
  label="Description"
  helperText="We'll use this description in reference to your loan."
/>

Invalid

<TextAreaField label="Description" invalid error="Please enter a description" />

Disabled

<TextAreaField label="Description" defaultValue="Greg Middleman" disabled />