Dropdown filter
A button which displays a rich popout
The component is used to trigger a callout / rich popout to display the provided content. These are used to denote filtering or sorting options within the application.
Contents
Dropdown filters are a tool to allow users to select a value from a series of options.
Default dropdown filter allows user to select multiple options on the list/menu. Users can click outside of the list/menu to close the dropdown filter.
Single select dropdown filter allows user to select only one option. The dropdown list/menu will close automatically once the user selects an option. Single select filters are commonly used as sorting feature.
Dropdown container that follows a content’s width.
Dropdown container that follows a button’s width.
Dropdown that is used to display saved payment card options
Dropdown that fills in the width of the container that it has been placed in.
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.