Textarea

import { Textarea } from '@vtex/shoreline'

export default function Example() {
  return <Textarea maxLength={120} optional resizable={false} />
}

import { Textarea, Stack } from '@vtex/shoreline'

export default function Example() {
  return (
    <Stack>
      <Textarea maxLength={120} resizable={false} />
      <Textarea maxLength={120} optional resizable={false} />
      <Textarea maxLength={120} resizable={true} />
      <Textarea maxLength={120} error={true} resizable={false} />
    </Stack>
  )
}

import { useState } from 'react'
import { Textarea } from '@vtex/shoreline'

export default function Example() {
  const [value, setValue] = useState('Default text')

  return (
    <Textarea
      className="textarea-container"
      value={value}
      onChange={setValue}
      maxLength={120}
    />
  )
}

import { Field, FieldDescription, Textarea, Label } from '@vtex/shoreline'

export default function Example() {
  return (
    <Field>
      <Label>Text area field</Label>
      <Textarea />
      <FieldDescription>Short description</FieldDescription>
    </Field>
  )
}