Hide your content, Weavium wants it! Their latest stack, Expandable Grid, is a yet another attractive new take on the age-old accordion – reams of information within a confined space.
Expandable Grid allows you to build a grid with as many columns as you feel is practical on your page, with each row set to a height of your desire. Each of the grid sections can contain icons or images alongside a title. When the section is clicked, it expands to the full width of your grid to display whatever you dropped inside it. The rows below the expanded section slide down and the inactive sections gracefully fade with a white overlay.
As we have come to expect from Weavium, the stack is highly customisable and I fell in love with it immediately.
- General Columns – Desktop, Tablet, Mobile
- Column Height – px, Desktop, Tablet Mobile
- Column Gutter – px
- Breakpoint – Tablet, Mobile
- Max Width – px
- Hide All Icons
- Hide All Titles
- Vertical Align – Top, Centre, Bottom
- Horizontal Align – Left, Centre, Right
- Padding – Vertical, Horizontal
- Title Size
- Title Weight
- Icon Size – Background, Icon
- Icon Radius
- Icon Spacing
- Content Padding
- Content Width
- Inactive Opacity
- Hover Move
- Hover Grow
Colours & Fonts – What did you expect, but all the default Weavium customisability?
Once again, each of the child stacks is fully customisable via its own Stacks’ settings panel.
Expandable Grid – a brilliant stack that’s effortless to configure and makes it a pushover to design attractive product catalogues, portfolios, FAQs, etc. in confined spaces.