Colunas
Um componente de layout usando colunas CSS para distribuir conteúdo em múltiplas colunas. O conteúdo flui naturalmente de uma coluna para a próxima, ideal para blocos de texto, listas ou layouts tipo masonry.
Pré-visualização e Código
_columns.html.erb
███
███████ █████████ █████████
██████
███ ██████ ████████████████████ ██ ██
████████ █████████ ████████████
█████████ █████████ ████████████
██ ███ ██
███ ██████ █████████████████████ ██████ ██ ████ ███ ██ ██
columns_component.rb
█ ██████████████████████ ████
█████ ████████████████ █ ███████████████████
██████ █ ███████████████████
████ █ ███████ ██ ██ ██████████
███ █████████████████ ██ ████ ████ ████████████████
██████ █ ███████████████████ ███
████ █ ██████████
██████████████ █ █████████████████████ ██ ██
columns_component.html.erb
████ ██████████ ███████████████ ████
███ ███████ ██
██████
Changelog
- Initial release with 1-12 column 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