Container
Eine Layout-Komponente, die Inhalte mit einer maximalen Breite umschließt und horizontal zentriert. Bietet konsistente Seitenbreitenbeschränkungen mit konfigurierbaren Größen und Abständen.
Vorschau & Code
_container.html.erb
███
█████████ █████████ █████████
██████
███ ██████ ██████████████████████ ██ ██
████ ███████ ████
██ ███ ██
███ ██████ ███████████████████████ █████ ████ ████████ ███ ██ ██
████ ███████ ████ ████ █████████ ████
container_component.html.erb
████ ██████████ █████████████████ ████
███ ███████ ██
██████
container_component.rb
█ ██████████████████████ ████
█████ ██████████████████ █ ███████████████████
█████ █ █████ ██ ██ ██ ███ ████████████
████████ █ ███████ ██ ██ ██████████
███ ████████████████ ████ ████████ ████ ████████████████
█████ █ ███████████
████████ █ ██████████████
██████████████ █ █████████████████████ ██ ██
Änderungsprotokoll
- Initial release with size variants (sm, md, lg, xl, 2xl, full)
- Configurable horizontal padding
Vollzugang erhalten
Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.
Jetzt Zugang erhalten