Resizable

Use Resizable for applications where users need control over layout: code editors with file tree and code view, email clients with inbox and message panes, dashboards with customizable widgets, or any interface where different users have different space needs.

Yes, if possible! Remembering user's preferred sizes across sessions greatly improves experience. Save to local storage or user preferences so users don't have to readjust every time. This respects their customization effort.

Start with reasonable defaults based on content: sidebars typically 20-30% width, main content 70-80%. For split views, 50-50 is neutral. Test with real content to ensure defaults work well before users customize.

Yes! Collapsible panels maximize space for focused work. Include a toggle button or double-click the handle to collapse/expand. Essential for sidebars or secondary content that users might want to hide temporarily.

Yes, with keyboard support for resize handles. Users can tab to handles and use arrow keys to adjust sizes incrementally. Include ARIA labels describing the panels and resize functionality for screen reader users.

Yes, this Figma Resizable component matches the shadcn/ui implementation, ensuring your adjustable layouts work consistently from design to production with proper drag interactions and accessibility.