diff --git a/apps/docs/src/registry/example/resizable-demo.tsx b/apps/docs/src/registry/example/resizable-demo.tsx
index a97a36a6..57a82f7f 100644
--- a/apps/docs/src/registry/example/resizable-demo.tsx
+++ b/apps/docs/src/registry/example/resizable-demo.tsx
@@ -2,7 +2,7 @@ import { Resizable, ResizableHandle, ResizablePanel } from "../ui/resizable"
 
 export default function ResizableDemo() {
   return (
-    <Resizable orientation="horizontal" class="max-w-md rounded-lg border">
+    <Resizable class="max-w-md rounded-lg border">
       <ResizablePanel initialSize={0.25} class="overflow-hidden">
         <div class="flex h-[200px] items-center justify-center p-6">
           <span class="font-semibold">One</span>
diff --git a/apps/docs/src/routes/docs/components/resizable.mdx b/apps/docs/src/routes/docs/components/resizable.mdx
index 23150cd5..afe1e5e0 100644
--- a/apps/docs/src/routes/docs/components/resizable.mdx
+++ b/apps/docs/src/routes/docs/components/resizable.mdx
@@ -52,7 +52,7 @@ import { Resizable, ResizableHandle, ResizablePanel } from "~/components/ui/resi
 ```
 
 ```tsx
-<Resizable direction="horizontal">
+<Resizable orientation="horizontal">
   <ResizablePanel>One</ResizablePanel>
   <ResizableHandle />
   <ResizablePanel>Two</ResizablePanel>