Cuadrícula
Un componente de diseño que usa CSS Grid para disposiciones explícitas en columnas. Cada elemento hijo ocupa una celda de la cuadrícula, ideal para diseños de tarjetas, paneles de control y contenido estructurado.
Vista Previa y Código
_grid.html.erb
███
████ █████████ █████████
██████
███ ██████ █████████████████ ██ ██
█████████ ███████
█████████ ███████
█████████ ███████
██ ███ ██
grid_component.rb
█ ██████████████████████ ████
█████ █████████████ █ ███████████████████
████ █ ███████████████████
████ █ ███████ ██ ██ ██████████
███ ████████████████ ██ ████ ████ ████████████████
█████ █ ██████████████████ ███
████ █ ██████████
██████████████ █ █████████████████████ ██ ██
grid_component.html.erb
████ ██████████ ████████████ ████
███ ███████ ██
██████
Registro de Cambios
- Initial release with 1-12 column grid support
- Configurable gap sizes
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