Textarea
Text entry with room for multiple lines.
Upstream documentationExamples
Installation
Run the Ninaero registry command to install the component and its dependencies, including shared theme styles.
Install Textarea
pnpm dlx shadcn@latest add 'https://ninaero.pages.dev/r/textarea.json'Usage
A complete example using the installed component and hook paths.
Textarea usage
"use client";import { useId } from "react";import { Label } from "@/components/ui/label";import { Textarea } from "@/components/ui/textarea";function TextareaPreview() { const id = useId(); return ( <div className="w-full max-w-64 space-y-2"> <Label htmlFor={id}>Notes</Label> <Textarea id={id} placeholder="Add a note" rows={3} /> </div> );}export default function Demo() { return <TextareaPreview />;}API Reference
Ninaero exports and local defaults are listed below. See the upstream reference for inherited primitive props and additional composition examples.
Textarea
Textarea props
React.ComponentProps<"textarea"> & { sound?: boolean }- sound
- true