Global Alert Bar Experience Fragment
Authors should be re-using the global experience fragment located at this path: /content/experience-fragments/reusable-foundation-framework/english/alert-bar/reusable-foundation-alert-bar/master
Alert Bar
The Alert Bar is an AARP Custom Component/feature, built using a Core Text component and appearing as a bar that displays a line of text indicating a single call-to-action (CTA) that is usually displayed at the top of an AARP page. An alert keeps users informed of important and sometimes time-sensitive changes. This component was turned into an XF for global reuse across the site.
Training
This custom component is built using an Experience Fragment so that it can be placed on multiple pages. Even though this component has its own dialog and authoring. It can be authored with the Text Component that lives within it.
Training Video
Authoring Capability
This component has its own page properties. However, currently at AARP.org, we author it using the Text component found within it. To author the Text component, please take a look at the Text Component documentation.
Properties Tab
Hide Text Component for Alert Bar (Checkbox) - This checkbox will turn off the Text Component found within the Alert Bar Component.
Alert Bar Title - This is where the title of the Alert Bar should go.
Alert Bar Link -This where the path or URL should be placed.
Open Link in New Tab (checkbox) - The author has the option to have the link open in a new tab by selecting this checkbox.
Data For Element ID (Analytics ID) - This field is where the data-form--element ID or click tracking code is placed.
Style dropdown -
Default - Text and a link with black background
Staying Sharp - Text and a link with black background
Rewards -Aria Text - Text and a link with black background
Aria Text - This is where your Aria accessibility text would go.