Component: Card 1.2
This builder will allow you to generate a custom version of the Card 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:
- Icon: You can use the icon component in the card.
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
A card component that can be used as a container for grouping information.
Full Version: 1.2.0
Type: web component
Date Created: 10/3/2025
Version notes:
Github repository: https://github.com/web-illinois/ilw-card/
Javascript file: https://cdn.toolkit.illinois.edu/ilw-card/1.2.0/ilw-card.js
CSS file: https://cdn.toolkit.illinois.edu/ilw-card/1.2.0/ilw-card.css
JSON information: ilw-card.1.2.json