Component: Profile List 1.0

This builder will allow you to generate a custom version of the Profile List 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.

Template -- enter raw HTML here

Samples:

Enter raw HTML here

Attributes, Classes, and CSS Variables

circle (attribute)

If the image uses a circle shape.

padding (text attribute)

Padding around the control, in CSS units.

Custom CSS Variables and Styles (advanced use only)

Parent style:

--ilw-profile-list--height

Expected height of the container, defaults to initial.

--ilw-profile-list--image-width

Expected width of the image, defaults to 125px.

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 compact version of the profile.

Full Version: 1.0.2

Type: web component

Date Created: 04/08/2025

Version notes:

Github repository: https://github.com/web-illinois/ilw-profile-list/

Javascript file: https://cdn.toolkit.illinois.edu/ilw-profile-list/1.0/ilw-profile-list.js

CSS file: https://cdn.toolkit.illinois.edu/ilw-profile-list/1.0/ilw-profile-list.css

JSON information: ilw-profile-list.1.0.json