Textarea

import { Textarea } from "@araf-ds/core"

export default function Example() {
  return (
    <Textarea
      label="Description"
      placeholder="Enter a description..."
    />
  )
}

<Textarea label="Description" placeholder="Enter a description..." />

<Textarea
  label="Bio"
  placeholder="Tell us about yourself..."
  helperText="Maximum 240 characters"
/>

<Textarea label="Message" required placeholder="Write your message here..." />

<Textarea
  label="Bio"
  state="error"
  helperText="Bio must be at least 20 characters"
/>

<Textarea
  label="Tweet"
  maxLength={280}
  showCount
  placeholder="What's happening?"
/>

<Textarea state="default" />
<Textarea state="error" helperText="This field is required" />
<Textarea state="success" helperText="Looks good!" />
<Textarea disabled />