Contêiner
Um componente de layout que envolve o conteúdo com uma largura máxima e o centraliza horizontalmente. Fornece restrições de largura de página consistentes com tamanhos e espaçamento configuráveis.
Pré-visualização e Código
_container.html.erb
███
█████████ █████████ █████████
██████
███ ██████ ██████████████████████ ██ ██
████ ███████ ████
██ ███ ██
███ ██████ ███████████████████████ █████ ████ ████████ ███ ██ ██
████ ███████ ████ ████ █████████ ████
container_component.html.erb
████ ██████████ █████████████████ ████
███ ███████ ██
██████
container_component.rb
█ ██████████████████████ ████
█████ ██████████████████ █ ███████████████████
█████ █ █████ ██ ██ ██ ███ ████████████
████████ █ ███████ ██ ██ ██████████
███ ████████████████ ████ ████████ ████ ████████████████
█████ █ ███████████
████████ █ ██████████████
██████████████ █ █████████████████████ ██ ██
Changelog
- Initial release with size variants (sm, md, lg, xl, 2xl, full)
- Configurable horizontal padding
Obter Acesso Completo
Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.
Obter Acesso Agora