Component: Tooltip 1.0
This builder will allow you to generate a custom version of the Tooltip 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
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
Ilw-tooltip is a popup that provides additional information about a user interface element, such as a button or link, when the mouse hovers over it.
Full Version: 1.0.0
Type: web component
Date Created: 07/21/2025
Version notes:
Github repository: https://github.com/web-illinois/ilw-tooltip/
Javascript file: https://cdn.toolkit.illinois.edu/ilw-tooltip/1.0/ilw-tooltip.js
CSS file: https://cdn.toolkit.illinois.edu/ilw-tooltip/1.0/ilw-tooltip.css
JSON information: ilw-tooltip.1.0.json