Stack
Um componente de layout flexível para empilhar elementos vertical ou horizontalmente com espaçamento configurável, alinhamento e divisores opcionais entre os itens.
Pré-visualização e Código
_stack.html.erb
███
█████ █████████ █████████
██████
███ ██████ ██████████████████ ██ ██
█████████ ███████
█████████ ███████
█████████ ███████
██ ███ ██
stack_component.rb
█ ██████████████████████ ████
█████ ██████████████ █ ███████████████████
██████████ █ ███████████ ██████████████████
████ █ █████ ██ ██ ██ ██████████
██████████ █ ████████ ██████ ███ ███████████████
██████████████ █ ████████ ██████ ███ ███████████████
███ █████████████████████ ██████████ ████ ████ ██████ █████████ ████████ ███████ █████ ██████ █████████ ██████ ████████
██████████ █ ████████████████
stack_component.html.erb
████ ██████████ █████████████ ████
███ ███████ ██
██████
Changelog
- Initial release with vertical and horizontal directions
- Configurable gap, alignment, and justification
- Optional dividers between items
- Wrap support for horizontal stacks
Obter Acesso Completo
Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.
Obter Acesso Agora