Textarea

A Textarea lets the user to enter and edit multiline text.

📦1.69 KB

Overview

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

Required

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

Fill

import { Textarea } from "@camome/core/Textarea";
export default function Fill() {
return (
<Textarea label="Name" rows={3} placeholder="Type something..." fill />
);
}
Fill.parameters = {
layout: "padded",
};

Description

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

Error

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

Disabled

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