Anchor Component

Introduction

The Anchor component is used to jump to specific parts of a page quickly without having to scroll. This is especially helpful on longer pages. 

It is important to use this component in conjunction with the Anchor Navigation Component in order for it to function correctly. For more information about the Anchor Navigation Component, visit this page

See a live example here.

Need Help?

If you need help with a specific use case for the  Anchor component or need guidance with appropriate configuration, please contact the web team.

Information

Specifications

Character Limit/Usage

There isn’t a strict character limit for the Anchor component, but single words work best. If you have a different use case, please try testing different phrases/lengths to determine the best fit.

Image Requirements

This component does not support images.

Video Requirements

This component does not support videos.

Styling

This component has a set style.

==

Authoring Instructions

Anchor ID and Anchor Name should be added under Anchors tab. This component works in combination with the Anchor Navigation Component.

Below is a list of the configuration options:

  • Anchor Name - Add in the name of the Anchor here.
  • Anchor ID - ID value of the anchor displayed in #ID format. Must be unique to the anchor.

Add the Anchor Navigation Component and corresponding sections that the navigation will link to. When doing so, create the anchor IDs that will link to the desired sections.  Then, add the anchor component with the the same ID used in the Anchor Navigation component. You can add any desired components within the Anchor Component. 

 

SEO Guidance

We do not recommend anchor text with multiple keywords. The anchor text should give clear, concise indication of what the linked section is about.

Styling Options and Instructions

This component has a set style as it is invisible to the user.



Use Cases and Style Variations

EXAMPLE

...

.

.

.

.

.

.

.......

USE CASES

.......

.

.

.

.

.

.

.

.

.

.

.

.

........................................