Textarea

Preview

import Textarea from "@repo/ui/Textarea";

<Textarea />;

Installation

npx the-dig@latest add Textarea

Props

Prop	Type	Default
variant	"primary" | "secondary"	"primary"
hasError	boolean	false
rows	number	2
startAdornment	ReactNode	-
className	string	-
inputWrapperProps	HTMLAttributes<HTMLDivElement>	Document
Others	TextareaHTMLAttributes<HTMLTextAreaElement>	Document

Variants

import Textarea from "@repo/ui/Textarea";

<Textarea variant="primary" />
<Textarea variant="secondary" />

Has Error

import Textarea from "@repo/ui/Textarea";

<Textarea hasError />;

Start Adornment

import Textarea from "@repo/ui/Textarea";
import { BadgeCheck } from "lucide-react";

<Textarea startAdornment={<BadgeCheck size={18} />} />;