Conteneur
Un composant de mise en page qui enveloppe le contenu avec une largeur maximale et le centre horizontalement. Fournit des contraintes de largeur de page cohérentes avec des tailles et un espacement configurables.
Aperçu et code
_container.html.erb
███
█████████ █████████ █████████
██████
███ ██████ ██████████████████████ ██ ██
████ ███████ ████
██ ███ ██
███ ██████ ███████████████████████ █████ ████ ████████ ███ ██ ██
████ ███████ ████ ████ █████████ ████
container_component.html.erb
████ ██████████ █████████████████ ████
███ ███████ ██
██████
container_component.rb
█ ██████████████████████ ████
█████ ██████████████████ █ ███████████████████
█████ █ █████ ██ ██ ██ ███ ████████████
████████ █ ███████ ██ ██ ██████████
███ ████████████████ ████ ████████ ████ ████████████████
█████ █ ███████████
████████ █ ██████████████
██████████████ █ █████████████████████ ██ ██
Journal des modifications
- Initial release with size variants (sm, md, lg, xl, 2xl, full)
- Configurable horizontal padding
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant