Stapel
Eine flexible Layout-Komponente zum vertikalen oder horizontalen Stapeln von Elementen mit konfigurierbarem Abstand, Ausrichtung und optionalen Trennlinien zwischen Elementen.
Vorschau & Code
_stack.html.erb
███
█████ █████████ █████████
██████
███ ██████ ██████████████████ ██ ██
█████████ ███████
█████████ ███████
█████████ ███████
██ ███ ██
stack_component.rb
█ ██████████████████████ ████
█████ ██████████████ █ ███████████████████
██████████ █ ███████████ ██████████████████
████ █ █████ ██ ██ ██ ██████████
██████████ █ ████████ ██████ ███ ███████████████
██████████████ █ ████████ ██████ ███ ███████████████
███ █████████████████████ ██████████ ████ ████ ██████ █████████ ████████ ███████ █████ ██████ █████████ ██████ ████████
██████████ █ ████████████████
stack_component.html.erb
████ ██████████ █████████████ ████
███ ███████ ██
██████
Änderungsprotokoll
- Initial release with vertical and horizontal directions
- Configurable gap, alignment, and justification
- Optional dividers between items
- Wrap support for horizontal stacks
Vollzugang erhalten
Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.
Jetzt Zugang erhalten