Séparateur de mise en page
Composant de mise en page redimensionnable avec des diviseurs déplaçables pour créer des dispositions de panneaux ajustables. Prend en charge les directions horizontale et verticale, les contraintes de taille et la persistance optionnelle via localStorage.
Aperçu et code
_layout_splitter.html.erb
███
██████ ████████ █████████ █████████
█ █████████ ██████ █████████ ████ █████████ ████████ ███ ████████ ██████████ █████ ████████
██████
██████████ ██████████
███ ██████ ██████████████████████████████████ ███████ █
█ ████████ █████ █████ ████████ ██
█ ████████ ██████ █████ ████████ █
layout_splitter_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████
██████ ██████ █ █
██████████ █ █████ ███████ ████████ ████████████ ██
███████ █ █████ ███████ ████████ █████████ ██
████████ █ █████ ████████ ████████ █████ ██
███████████ █ █████ ███████ ████████ ██ ██
████████ █ █████ ███████ ████████ ██ ██
layout_splitter_component.html.erb
████ ██████████ █████████████████ ███ ███ ███████████████████ █ ███ ██ ████████████████████ ████████ ████████████ ███
██ ██████████████████████ ██ ███████ ██████ ██
███ █████ ██
████ ██████████ █████████████ ███ ████████████████████████████████████
███ █████ ██
██████
███ ██████ ████████ ███████ ███ █████ █████ ██
██ ██ █████ █ ███████████ █ █ ██
████ ██████████ ██████████████ ███
layout_splitter_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
████████████ ████████ █████████████ █
█████████████████████████████████████████████
█
███ ███████████
██████████ ████████████
███████ █████████
layout_splitter_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████
██████ ██████ █ █
██████████ █ █████ ███████ ████████ ████████████ ██
███████ █ █████ ███████ ████████ █████████ ██
████████ █ █████ ████████ ████████ █████ ██
███████████ █ █████ ███████ ████████ ██ ██
████████ █ █████ ███████ ████████ ██ ██
Journal des modifications
- v1.0.0: Initial release with horizontal/vertical layouts, size constraints, and persistence
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant