Grid
Um componente de layout usando CSS Grid para disposições explícitas em colunas. Cada elemento filho ocupa uma célula do grid, ideal para layouts de cards, dashboards e conteúdo estruturado.
Pré-visualização e Código
_grid.html.erb
███
████ █████████ █████████
██████
███ ██████ █████████████████ ██ ██
█████████ ███████
█████████ ███████
█████████ ███████
██ ███ ██
grid_component.rb
█ ██████████████████████ ████
█████ █████████████ █ ███████████████████
████ █ ███████████████████
████ █ ███████ ██ ██ ██████████
███ ████████████████ ██ ████ ████ ████████████████
█████ █ ██████████████████ ███
████ █ ██████████
██████████████ █ █████████████████████ ██ ██
grid_component.html.erb
████ ██████████ ████████████ ████
███ ███████ ██
██████
Changelog
- Initial release with 1-12 column grid support
- Configurable gap sizes
Obter Acesso Completo
Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.
Obter Acesso Agora