snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/bases/base/examples/textarea-example.tsx

@@ -0,0 +1,86 @@
+import {
+  Example,
+  ExampleWrapper,
+} from "@/registry/bases/base/components/example"
+import {
+  Field,
+  FieldDescription,
+  FieldLabel,
+} from "@/registry/bases/base/ui/field"
+import { Textarea } from "@/registry/bases/base/ui/textarea"
+
+export default function TextareaExample() {
+  return (
+    <ExampleWrapper>
+      <TextareaBasic />
+      <TextareaInvalid />
+      <TextareaWithLabel />
+      <TextareaWithDescription />
+      <TextareaDisabled />
+    </ExampleWrapper>
+  )
+}
+
+function TextareaBasic() {
+  return (
+    <Example title="Basic">
+      <Textarea placeholder="Type your message here." />
+    </Example>
+  )
+}
+
+function TextareaInvalid() {
+  return (
+    <Example title="Invalid">
+      <Textarea placeholder="Type your message here." aria-invalid="true" />
+    </Example>
+  )
+}
+
+function TextareaWithLabel() {
+  return (
+    <Example title="With Label">
+      <Field>
+        <FieldLabel htmlFor="textarea-demo-message">Message</FieldLabel>
+        <Textarea
+          id="textarea-demo-message"
+          placeholder="Type your message here."
+          rows={6}
+        />
+      </Field>
+    </Example>
+  )
+}
+
+function TextareaWithDescription() {
+  return (
+    <Example title="With Description">
+      <Field>
+        <FieldLabel htmlFor="textarea-demo-message-2">Message</FieldLabel>
+        <Textarea
+          id="textarea-demo-message-2"
+          placeholder="Type your message here."
+          rows={6}
+        />
+        <FieldDescription>
+          Type your message and press enter to send.
+        </FieldDescription>
+      </Field>
+    </Example>
+  )
+}
+
+function TextareaDisabled() {
+  return (
+    <Example title="Disabled">
+      <Field>
+        <FieldLabel htmlFor="textarea-demo-disabled">Message</FieldLabel>
+        <Textarea
+          id="textarea-demo-disabled"
+          placeholder="Type your message here."
+          disabled
+        />
+      </Field>
+    </Example>
+  )
+}