Divisor de layout
Componente de layout redimensionável com divisores arrastáveis para criar disposições de painéis ajustáveis. Suporta direções horizontal e vertical, restrições de tamanho e persistência opcional em localStorage.
Pré-visualização e Código
_layout_splitter.html.erb
███
██████ ████████ █████████ █████████
█ █████████ ██████ █████████ ████ █████████ ████████ ███ ████████ ██████████ █████ ████████
██████
██████████ ██████████
███ ██████ ██████████████████████████████████ ███████ █
█ ████████ █████ █████ ████████ ██
█ ████████ ██████ █████ ████████ █
layout_splitter_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████
██████ ██████ █ █
██████████ █ █████ ███████ ████████ ████████████ ██
███████ █ █████ ███████ ████████ █████████ ██
████████ █ █████ ████████ ████████ █████ ██
███████████ █ █████ ███████ ████████ ██ ██
████████ █ █████ ███████ ████████ ██ ██
layout_splitter_component.html.erb
████ ██████████ █████████████████ ███ ███ ███████████████████ █ ███ ██ ████████████████████ ████████ ████████████ ███
██ ██████████████████████ ██ ███████ ██████ ██
███ █████ ██
████ ██████████ █████████████ ███ ████████████████████████████████████
███ █████ ██
██████
███ ██████ ████████ ███████ ███ █████ █████ ██
██ ██ █████ █ ███████████ █ █ ██
████ ██████████ ██████████████ ███
layout_splitter_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
████████████ ████████ █████████████ █
█████████████████████████████████████████████
█
███ ███████████
██████████ ████████████
███████ █████████
layout_splitter_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████
██████ ██████ █ █
██████████ █ █████ ███████ ████████ ████████████ ██
███████ █ █████ ███████ ████████ █████████ ██
████████ █ █████ ████████ ████████ █████ ██
███████████ █ █████ ███████ ████████ ██ ██
████████ █ █████ ███████ ████████ ██ ██
Changelog
- v1.0.0: Initial release with horizontal/vertical layouts, size constraints, and persistence
Obter Acesso Completo
Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.
Obter Acesso Agora