CTA: Full Width Dropdown

This component allows users to select from a range of options on a list. 

Usage Criteria

This component allows users to select from a range of options on a list, which then navigates to more content depending on the option selected. This component provides context for the dropdown by including a space for images, title, and a short description.

Do's and Don'ts

• Use the left configurable container in the component to add visual elements.
• Do not use this component more than once per page, as having more than one can look cluttered.

Design Notes

Although there is an option to add any component to the left configurable space, it is generally reserved for more visual components (such as Content Block: Stats > Featured) to help supplement the content on the right. 

Configurable Options

This component is configured using Child pages, Fixed list, Search or Tags. Fixed list pages will always stay the same, whereas tags will retrieve pages related to that tag. Search pulls pages related to the search query entered, and Child pages pull from a set parent page.

Once configured, the dropdown will automatically be populated.

Developer Notes

Designer Notes