Textarea

import { Textarea } from "@camome/core/Textarea";

export default function Default() {
  return <Textarea label="Name" rows={3} placeholder="Type something..." />;
}

import { Textarea } from "@camome/core/Textarea";

export default function Required() {
  return (
    <Textarea label="Name" rows={3} required placeholder="Type something..." />
  );
}

import { Textarea } from "@camome/core/Textarea";

export default function Fill() {
  return (
    <div style={{ minWidth: "30rem" }}>
      <Textarea label="Name" rows={3} placeholder="Type something..." fill />
    </div>
  );
}

import { Textarea } from "@camome/core/Textarea";

export default function Description() {
  return (
    <Textarea
      label="Name"
      description="Description text"
      rows={3}
      placeholder="Type something..."
    />
  );
}

import { Textarea } from "@camome/core/Textarea";

export default function Error() {
  return (
    <Textarea
      rows={3}
      placeholder="Type something..."
      label="Message"
      error="Something is wrong"
    />
  );
}

import { Textarea } from "@camome/core/Textarea";

export default function Disabled() {
  return (
    <Textarea label="Name" rows={3} placeholder="Type something..." disabled />
  );
}