Textarea

Usage

import { Textarea } from '@jamie/ui/textarea'
 
export function TextareaDemo() {
  return <Textarea placeholder="Add meeting notes..." className="w-full max-w-sm" />
}

With Label

Pair with Label and helper text for complete form fields.

Follow-up notes

These notes will be appended to the meeting recap.

import { Label } from '@jamie/ui/label'
import { Textarea } from '@jamie/ui/textarea'
 
export function TextareaWithLabelDemo() {
  return (
    <div className="flex flex-col gap-1.5 w-full max-w-sm">
      <Label htmlFor="follow-ups">Follow-up notes</Label>
      <Textarea
        id="follow-ups"
        placeholder="Summarise key follow-ups from the meeting..."
        rows={4}
      />
      <p className="text-xs text-muted-foreground">
        These notes will be appended to the meeting recap.
      </p>
    </div>
  )
}