Styleguide
-
Molecules
-
Components
- Auth Modal
- Banner
- Category Filter Menu
- Comparison Table
- Countdown Timer
- Expandable List
- Featured Event
- Flex Cols Img
- Flex Cols
- Form Contact Default
- Hall of Fame List
- Hero
- Ico Three Col
- Ico Two Col
- Info Bullets
- Logo Card Grid
- Logos XS
- Multi Ico List
- One Col
- Pricing Comparison
- Resource Thumbnail
- Security Details
- Stepline
- Subnav
- Two Col
-
Styles
Logo Card Grid
Description
The logo grid is a specific component that takes a data file of logo images, and outputs it into a responsive grid format. For an example data file, see: `src/_data/logos/logos-xs`, and view any entry where a description is present.
Options
classes:stringheader:stringsubheader:stringlogos:array- This value takes a data array from a yaml file in `src/_data`.
Sample Logo Card Grid
Code
{% assign logos = site.data.logos.logos-xs | where: 'tag', 'technology-partners' %}
{% include components/logo-card-grid.html header="This is a header"
subheader="This is a subheader"
logos=logos %}