Component: Input 1.0-alpha
This builder will allow you to generate a custom version of the Input 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:
- Content: Place your form elements inside ilw-content. You can use the theme attribute to change the color of the form elements.
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
Provides classes to style inputs and form elements.
Toolkit Permalink: http://builder3.toolkit.illinois.edu/component/ilw-input/toolkit/index.html
Full Version: 1.0-alpha
Type: web component
Date Created: 05/29/2026
Version notes:
Github repository: https://github.com/web-illinois/ilw-input/
Javascript file: https://dev.toolkit.illinois.edu/ilw-input/1.0.0-alpha/ilw-input.js
CSS file: https://dev.toolkit.illinois.edu/ilw-input/1.0.0-alpha/ilw-input.css
JSON information: ilw-input.1.0-alpha.json