Web Implementation Guidelines Group Component Builder Information (v3+)

Component: Call To Action 1.0-beta

This builder will allow you to generate a custom version of the Call To Action 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

(attribute)
Color theme used
(attribute)
Align text
(attribute)
Width of component
Custom CSS Variables and Styles (advanced use only)
Top padding inside the component
Right padding inside the component
Bottom padding inside the component
Left padding inside the component
Maximum width of the content area, excluding the icon
Padding of the content area
Spacing between icon and content
Icon maximum width
Icon maximum height
CSS background for the component
Color of an icon in the component
Color of a heading in the component
Color of text in the component
Color for links inside the component
Focus and hover color for links inside the component
Visited link color for inside the component

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

Call to action component to prompt visitors to perform an action or a few related actions.

Full Version: 1.0.1-beta

Type: web component

Date Created: 08/21/2024

Version notes:

Github repository: https://github.com/web-illinois/ilw-call-to-action/

Javascript file: https://dev.toolkit.illinois.edu/ilw-call-to-action/1.0.1-beta/ilw-call-to-action.js

CSS file: https://dev.toolkit.illinois.edu/ilw-call-to-action/1.0.1-beta/ilw-call-to-action.css

JSON information: ilw-call-to-action.1.0-beta.json

Web Implementation Guidelines Group Component Builder Information (v3+)

Note: this page is not using the toolkit because it is meant to test individual components in isolation.