The Textarea component is a customizable multiline text input field. It supports various styles, sizes, and themes to fit different design requirements. Built using class-variance-authority, it allows easy customization while maintaining consistency.
import { Input } from "mogora-ui";
export default function TextareaDemo() {
return (
<div>
<Textarea placeholder="goncang" variant={"bordered"} theme={"primary"} className="w-sm" />
</div>
)
}
A customizable multiline text input field.
| Prop | Type | Description |
|---|---|---|
| variant | "bordered" | "underline" | Determines the styling variant of the textarea. |
| size | "small" | "normal" | "large" | Defines the size of the textarea. |
| theme | "primary" | "secondary" | "danger" | "warning" | "success" | "info" | "accent" | Sets the focus color theme. |
| placeholder | string | Placeholder text displayed when the textarea is empty. |
| className | string | Additional custom classes for styling. |