Grille
Un composant de mise en page utilisant CSS Grid pour des dispositions en colonnes explicites. Chaque élément enfant occupe une cellule de grille, idéal pour les mises en page de cartes, les tableaux de bord et le contenu structuré.
Aperçu et code
_grid.html.erb
███
████ █████████ █████████
██████
███ ██████ █████████████████ ██ ██
█████████ ███████
█████████ ███████
█████████ ███████
██ ███ ██
grid_component.rb
█ ██████████████████████ ████
█████ █████████████ █ ███████████████████
████ █ ███████████████████
████ █ ███████ ██ ██ ██████████
███ ████████████████ ██ ████ ████ ████████████████
█████ █ ██████████████████ ███
████ █ ██████████
██████████████ █ █████████████████████ ██ ██
grid_component.html.erb
████ ██████████ ████████████ ████
███ ███████ ██
██████
Journal des modifications
- Initial release with 1-12 column grid support
- Configurable gap sizes
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