Web Implementation Guidelines Group Component Builder Information (v3+)

Input

Apply consistent Illinois styling to form fields and controls so forms are clear, usable, and visually cohesive.

Advanced Options

Choose Alternate Versions

Back to the builder

Component Notes for Latest Version

Overview

This provides classes to style form elements. All form elements should be inside an <ilw-content> tag and a <form> tag.

Code Examples

<ilw-content>
    <form>
        <div class="ilw-input-entry">
            <label for="textbox">Text Box</label>
            <input id="textbox" type="text">
        </div>
        <div class="ilw-input-entry">
            <label for="textbox-required" class="ilw-label-required">Required Text Box </label>
            <input id="textbox-required" type="text" required="">
        </div>
        
    </form>
</ilw-content>

Accessibility Notes and Use

External References

Forms Tutorial

Web Implementation Guidelines Group Component Builder Information (v3+)
Create an issue with the new toolkit builder