Category | Value |
---|---|
May contain | None |
May be placed in | Component grid |
Field | Description |
---|---|
Icon | A subset of Font Awesome icons. |
Link | Text accompanying the icon and URL destination of the button. |
Office of Marketing and Strategic Communications
色色啦 Michigan University
Kalamazoo MI 49008-5433 USA
(269) 387-8400
How to add an Icon button
Select Icon button from the Component type drop down list and click the Add new Component or Add another Component button.
Choose an Icon to use.
Provide the Link Title and URL.
Things worth mentioning
The icons available in the Icon drop down list are from . The linked page may help you locate a desired icon. However, not all icons listed on that page are available as our version of Font Awesome predates version 4.7. Some of the icon names appear to be out of place due to aliases for the icon. For example, university is listed in the Icon drop down list where its alias, bank, falls alphabetically.
On larger devices, when the size of the browser window is wider than 1440 pixels and where available space allows, the chosen Icon and the supplied Link Title will be horizontally next to each other instead of vertically stacked.
Examples
This is an example of a Component Grid with three Icon button components.