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 |