Textarea

'use client';

import { Textarea } from '@/components/ui/textarea';

export function TextareaDefault() {
  return <Textarea placeholder='Type your message here.' className='w-64' />;
}

'use client';

import {
  Field,
  FieldDescription,
  FieldLabel,
} from '@/components/ui/field';
import { Textarea } from '@/components/ui/textarea';

export function TextareaWithLabel() {
  return (
    <Field className='w-64'>
      <FieldLabel>Bio</FieldLabel>
      <Textarea placeholder='Tell us about yourself' />
      <FieldDescription className='my-0!'>
        You can @mention other users and organizations.
      </FieldDescription>
    </Field>
  );
}