feat(resizable): add duration prop and CSS variable for animation customization

[bob-obringer]

Summary

• Add duration prop (default 400ms) to control animation speed for collapse/expand
• Add --resizable-easing CSS variable for theme-level easing customization
• Easing can also be set per-component via Tailwind: className="[--resizable-easing:ease-out]"

Usage

// Custom speed
<ResizablePanel animated duration={200} collapsed={isCollapsed} />

// Custom easing via Tailwind
<ResizablePanel
  className="[--resizable-easing:ease-out]"
  animated
  collapsed={isCollapsed}
/>

Test plan

• Verify animation speed changes with different duration values
• Verify easing customization via CSS variable
• Verify Tailwind arbitrary property syntax works

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
ui	Ready	Preview, Comment	Jan 21, 2026 1:04am