Skip to content

2.6.0

Choose a tag to compare

@gfazioli gfazioli released this 28 Jan 14:26
· 135 commits to master since this release

What's Changed

πŸš€ New Features

Auto Resizers
β€’ Added autoResizers prop to the Split component that automatically inserts Split.Resizer components between Split.Pane components
β€’ Simplified JSX structure - no need to manually add resizers between panes when autoResizers={true} is set
β€’ Backward compatibility maintained - the feature is opt-in with default value false

Enhanced Developer Experience
β€’ Cleaner component structure - reduces boilerplate code when working with multiple panes
β€’ Dynamic layout support - particularly useful for applications with varying numbers of panes
β€’ Prop inheritance - automatically inserted resizers inherit props (variant, size, color, etc.) from the parent Split component

Multi-Pane Support
β€’ Works with any number of panes - from simple two-pane layouts to complex multi-pane arrangements
β€’ Support for both orientations - works seamlessly with vertical and horizontal split layouts
β€’ Flexible configuration - can still mix manual and automatic resizers when needed

πŸ“š Documentation Improvements

New Demo Examples
β€’ Basic auto resizers demo - shows simple two-pane layout with automatic resizer insertion
β€’ Three-pane demo - demonstrates fixed initial widths with growing middle pane
β€’ Multiple panes demo - showcases five panes with automatic resizer management
β€’ Horizontal orientation demo - shows auto resizers working with horizontal layouts
β€’ Custom props demo - demonstrates prop inheritance from parent Split component

Updated Documentation
β€’ Comprehensive auto resizers section added to main documentation
β€’ Migration guidance - explains how the new feature restores v1-like JSX structure
β€’ README examples updated with auto resizers usage
β€’ GitHub Copilot instructions added for better AI assistance

Enhanced Examples
β€’ Responsive orientation demo enhanced with paperProps for better styling
β€’ Conditional rendering examples added to documentation

This release significantly improves the developer experience by reducing the complexity of creating split-pane layouts while maintaining full backward compatibility with existing implementations.

Full Changelog: 2.5.9...2.6.0