@wuchuheng/helper
v1.3.0
Published
A modern collection of React components and utilities designed to simplify common UI patterns and interactions.
Readme
@wuchuheng/helper
A modern collection of React components and utilities designed to simplify common UI patterns and interactions.
🚀 Quick Start
npm install @wuchuheng/helper📚 Documentation
👉 Interactive Documentation - Recommended
For the best experience with live examples, interactive controls, and comprehensive API documentation, visit our documentation website.
📦 Components
ResizableWrapper
A flexible container that allows horizontal resizing via drag interaction. Perfect for sidebars, panels, and adjustable layouts.
Features:
- 🖱️ Drag-to-resize functionality
- 📏 Customizable constraints (min/max width)
- 🎨 Visual feedback and hover states
- 🔧 TypeScript support with full type safety
- ⚡ Performance optimized event handling
- 🔄 Customizable resize handle side (top, right, bottom, left)
🛠️ Development
# Install dependencies
npm install
# Start development with documentation
npm run docs
# Run tests
npm test
# Build library
npm run build
# Build documentation for deployment
npm run docs:build🌐 Browser Support
- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+
📄 License
MIT License - see LICENSE file for details.
🔗 Links
Built with ❤️ using React, TypeScript, and Storybook.
