Component overview
Local quicklinks offer users a visual way to access content specific to the section.
- Local QuickLinks can be used on all page schemas: Local Quicklinks can be used on Section Fronts, Section Detail, Profile Detail and Degree Detail pages.
- Limit the number of Local QuickLinks on Section Detail schema: The Section Detail schema has a smaller page width than the Section Front. On Section Details, limit the number of Local QuickLink Items to four or less (your items may wrap with more and not present a good user experience).
- Use one type of navigation link with Local QuickLinks. Local QuickLinks can serve as a secondary internal navigation to pages within a section, external links to pages across the site or outside properties or as jumplinks to specific portions of a page. Do not blend jumplinks with navigation links with Local QuickLinks.
- Local QuickLinks often look best attached to visual components: Although you can use Local QuickLinks as a standalone component, they provide a better user experience when attached to a visual component, such as a Callout or Hero (see examples below).
- Match the Local QuickLink Item icon to the intent of the destination link: There are nearly 100 Local QuickLinks icons to use. Choose icons that provide the user with a sense of the intent of the link.
- You may use the same Local QuickLinks icon on a single component: A Local QuickLinks component can have the same icon repeated, if the context of the link's anchor text makes sense.
- Local QuickLinks must have unique anchor text: Each anchor text must be unique to that link to ensure you do not create a multiple destination link accessibility error.
QLINK: UNIT NAME - Purpose
- Example: QLINK: TRANSFER - Homepage
QLINKITEM: UNIT NAME - Purpose
- Example: QLINKITEM: TRANSFER - Apply
Example Local Quicklinks components
Example #1
Local Quicklinks, with no header and 4 items
Example #2
Local Quicklinks, with header and 4 items
Admissions and academic resources
Example #3
Local Quicklinks, with no header and 6 items
Admissions and academic resources
Example #4
Local Quicklinks, attached to Callout component
Get to know the University
See impressive buildings and beautiful scenery, but more than that, you鈥檒l realize there is so much more going on on campus than you realized.
Example #5
Local Quicklinks, attached to Hero component
This is a Hero headline.
This is a Hero text box field where you may include call-to-action content for your users.