Dropdown Reference
Layout and Classes
CSS Selectors
| Element | CSS Class | Description |
|---|---|---|
| .dropdown | .is--hidden | Defines if the dropdown list is closed |
| .dropdown | .is--visible | Defines if the dropdown list is open |
Advanced Use Case
Use with ListRecords to make a list of links
- Drag the Dropdown Pattern into the page.
- In the DropdownList placeholder, drag a ListRecords widget.
- Set the Line Separator property of the ListRecords widget to None.
- In the ListRecords widget, drag a link and connect it to the required destination.
- Inside the List, use expressions to display the content.
- In the Prompt placeholder, set the text you want to define as the prompt.
-
Publish and test.
