textarea

PreviousNext

This pretty input makes your users want to type lots of stuff! ⌨️ ⌨

Docs
retrouicomponent

Preview

Loading preview…
components/retroui/Textarea.tsx
import React from "react";
import { cn } from "@/lib/utils";

export function Textarea({
  type = "text",
  placeholder = "Enter text...",
  className = "",
  ...props
}) {
  return (
    <textarea
      placeholder={placeholder}
      rows={4}
      className={cn(
        "px-4 py-2 w-full border-2 rounded border-border shadow-md transition focus:outline-hidden focus:shadow-xs placeholder:text-muted-foreground",
        className
      )}
      {...props}
    />
  );
}

Installation

npx shadcn@latest add @retroui/textarea

Usage

import { Textarea } from "@/components/textarea"
<Textarea />