Component: Grid 1.2
This builder will allow you to generate a custom version of the Grid component.
The component will show up in between the pink lines below. The pink lines will not show up in production -- they are only used to allow you to view margins and paddings. In the case of specialized components (things that are meant to be invisible or have a fixed location), the component may not display in this area.
Additional Components
In addition to the main component, the following additional components and/or CSS/JS modules have been added to help you build your version of the component:
- Card: Card is an example of a component that can be used inside the grid.
Template -- enter raw HTML here
Attributes, Classes, and CSS Variables
Custom CSS Variables and Styles (advanced use only)
HTML listed here
This parent has a style of that is not figured into the source HTML. You can change this by opening the Custom CSS Variables and Styles and editing the parent style.
Details
Creates a grid of items that you can use to display information.
Toolkit Permalink: http://builder3.toolkit.illinois.edu/component/ilw-grid/toolkit/index.html
Full Version: 1.2.0
Type: web component
Date Created: 12/08/2025
Version notes:
Github repository: https://github.com/web-illinois/ilw-grid/
Javascript file: https://cdn.toolkit.illinois.edu/ilw-grid/1.2/ilw-grid.js
CSS file: https://cdn.toolkit.illinois.edu/ilw-grid/1.2/ilw-grid.css
JSON information: ilw-grid.1.2.json