Files
DevToysWeb/components/ui/textarea.tsx

21 lines
644 B
TypeScript

import { ComponentProps } from "react";
import { cn } from "@/lib/style";
export type TextareaProps = ComponentProps<"textarea">;
export const Textarea = ({ className, ...props }: TextareaProps) => (
<textarea
className={cn(
"border-b-1 resize-none rounded border border-b-muted-foreground bg-textarea px-3 py-2 font-mono outline-none",
"placeholder:text-muted-foreground",
"hover:bg-textarea-hover",
"focus:border-b-2 focus:border-b-indicator focus:bg-textarea-focus focus:pb-[7px]",
"disabled:cursor-not-allowed disabled:opacity-50",
className
)}
spellCheck="false"
{...props}
/>
);