Components
Loading preview...
useTextareaResize
npx shadcn@latest add https://21st.dev/r/Alwurts/use-textarea-resize"use client"
import * as React from "react"
import { useTextareaResize } from "@/hooks/use-textarea-resize"
import { Textarea } from "@/components/ui/textarea"
export function TextareaWithResize() {
const [value, setValue] = React.useState("")
const textareaRef = useTextareaResize(value, 3)
return (
<div className="p-4">
<Textarea
ref={textareaRef}
value={value}
onChange={(e) => setValue(e.target.value)}
className="w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="Type something..."
/>
</div>
)
}