Textarea

import { Textarea } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Textarea name="notes" aria-label="Notes" autoResize />
    </>
  )
}

import { Field, Textarea } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Field label="Message" description="Tell us what you have in mind.">
        {(control) => <Textarea {...control} rows={3} />}
      </Field>
    </>
  )
}

import { Field, Textarea } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Field label="Bio" error="Write at least 20 characters">
        {(control) => <Textarea {...control} defaultValue="Hi" />}
      </Field>
    </>
  )
}

import { Textarea } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <Textarea aria-label="Message" defaultValue="You can't edit this message." disabled />
    </>
  )
}

import { Textarea, Button } from '@rtzll/reflow'
import { type Handle } from 'remix/component'

export function Example(handle: Handle) {
  return () => (
    <>
      <form>
        <Textarea aria-label="Message" placeholder="Type your message" required />
        <Button type="submit">Send message</Button>
      </form>
    </>
  )
}