Pile
Un composant de mise en page flexible pour empiler des éléments verticalement ou horizontalement avec un espacement configurable, un alignement et des séparateurs optionnels entre les éléments.
Aperçu et code
_stack.html.erb
███
█████ █████████ █████████
██████
███ ██████ ██████████████████ ██ ██
█████████ ███████
█████████ ███████
█████████ ███████
██ ███ ██
stack_component.rb
█ ██████████████████████ ████
█████ ██████████████ █ ███████████████████
██████████ █ ███████████ ██████████████████
████ █ █████ ██ ██ ██ ██████████
██████████ █ ████████ ██████ ███ ███████████████
██████████████ █ ████████ ██████ ███ ███████████████
███ █████████████████████ ██████████ ████ ████ ██████ █████████ ████████ ███████ █████ ██████ █████████ ██████ ████████
██████████ █ ████████████████
stack_component.html.erb
████ ██████████ █████████████ ████
███ ███████ ██
██████
Journal des modifications
- Initial release with vertical and horizontal directions
- Configurable gap, alignment, and justification
- Optional dividers between items
- Wrap support for horizontal stacks
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