Component: Modal 1.0-alpha
This builder will allow you to generate a custom version of the Modal 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.
This additional item has been added to help test the component. Please see notes for how this should be used.
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.
This is the additional HTML used to test the item.
Details
The modal component provides a modal that opens on top of a web page.
Full Version: 1.0.0-alpha
Type: web component
Date Created: 04/17/2025
Version notes:
Github repository: https://github.com/web-illinois/ilw-modal/
Javascript file: https://dev.toolkit.illinois.edu/ilw-modal/1.0.0-alpha/ilw-modal.js
CSS file: https://dev.toolkit.illinois.edu/ilw-modal/1.0.0-alpha/ilw-modal.css
JSON information: ilw-modal.1.0-alpha.json