Nav: Topic Filter

This component allows users to navigate between related pages of content.

Usage Criteria

This component allows users to navigate and easily switch between pages of related content that are on the same page level.

Do's and Don'ts

  • Do not use this component for parent pages that have less than 4 related child pages.

Design Notes

Because this component does not take up the full width of the grid, content can be added to the right by inserting components into a Structure: Section Container and then resizing the width of that container.

Configurable Options

This component does not require any configuration and automatically populates based on the page's parent folder.

Developer Notes

Type
Name
AEM Component Name

Nav: Topic Filter

Code Base Name

topic-filter

resourceSupertype
 
SCSS Attributes

topic-filter.scss

JavaScript

topic-filter.js

Status

Released (RC 1)

Version

Code Base v1.0

Designer Notes

Type
Name
Sketch Component Name

BCLC_Corporate_Designs/components/navigation/topic-filter

Sketch Responsive Sizes

Desktop HD, Desktop, Tablet, Mobile

Status

Released (Master)

Version

Design 1.0