Anchor

The anchor component provides a link for users to go directly to specific content on the current page, often referred to as a Jump Link.

On This Page:

When to Use

This component can be used to link to specific content on a page. It is widely applicable and commonly used on information-dense and high-traffic pages.

Usage

Anchors are used to link to specific content on a page. They are utilized by the Link List component.

Step 1:  Insert an anchor component above the section you want the user to jump to.

Step 2: Open and edit the anchor component and insert text for jump link:

Note:

No spaces should be used in the text entered into this component.

Input Dialog for Anchor Component

Step 3: Insert a Title Core component just below your anchor component.

See Title Core for details on using the component.

Top portion of dialog box for Title Core Component

For each jump link you will have Anchor and Title Core components.

Example of Anchor and Title Core components on page

See Link List component for details on building links to the anchors on the page.

Developer Resources

Anchor component HTML output.

<div id="tag-name" name="tag-name"></div>

For additional information see the Foundations section of the user guide.

Top of Section
Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
NO THANKS
255 characters maximum 255 characters maximum reached
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header