Contenedor
Un componente de diseño que envuelve el contenido con un ancho máximo y lo centra horizontalmente. Proporciona restricciones de ancho de página consistentes con tamaños y relleno configurables.
Vista Previa y Código
_container.html.erb
███
█████████ █████████ █████████
██████
███ ██████ ██████████████████████ ██ ██
████ ███████ ████
██ ███ ██
███ ██████ ███████████████████████ █████ ████ ████████ ███ ██ ██
████ ███████ ████ ████ █████████ ████
container_component.html.erb
████ ██████████ █████████████████ ████
███ ███████ ██
██████
container_component.rb
█ ██████████████████████ ████
█████ ██████████████████ █ ███████████████████
█████ █ █████ ██ ██ ██ ███ ████████████
████████ █ ███████ ██ ██ ██████████
███ ████████████████ ████ ████████ ████ ████████████████
█████ █ ███████████
████████ █ ██████████████
██████████████ █ █████████████████████ ██ ██
Registro de Cambios
- Initial release with size variants (sm, md, lg, xl, 2xl, full)
- Configurable horizontal padding
Obtener Acceso Completo
Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.
Obtener Acceso