You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
759 B
22 lines
759 B
import React, { TextareaHTMLAttributes } from "react";
|
|
|
|
export interface TextareaProps
|
|
extends TextareaHTMLAttributes<HTMLTextAreaElement> {}
|
|
|
|
// eslint-disable-next-line react/display-name
|
|
const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
|
|
({ className = "", children, ...args }, ref) => {
|
|
return (
|
|
<textarea
|
|
ref={ref}
|
|
className={`block w-full text-sm rounded-2xl border-neutral-200 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 bg-white dark:border-neutral-700 dark:focus:ring-primary-6000 dark:focus:ring-opacity-25 dark:bg-neutral-900 ${className}`}
|
|
rows={4}
|
|
{...args}
|
|
>
|
|
{children}
|
|
</textarea>
|
|
);
|
|
}
|
|
);
|
|
|
|
export default Textarea;
|