public/components/utils/dropdown.jsx

Dropdown

frontend/packages/console-app/src/components/network-policies/network-policy-add-peer-dropdown.tsx

frontend/packages/console-app/src/components/network-policies/network-policy-ports.tsx

frontend/packages/console-shared/src/components/catalog/catalog-view/CatalogToolbar.tsx

frontend/packages/console-shared/src/components/dashboard/utilization-card/TopConsumerPopover.tsx

frontend/packages/console-shared/src/components/dropdown/ResourceDropdown.tsx

frontend/packages/console-shared/src/components/dynamic-form/fields.tsx

frontend/packages/console-shared/src/components/dynamic-form/widgets.tsx

frontend/packages/console-shared/src/components/formik-fields/DropdownField.tsx

frontend/packages/console-shared/src/components/multi-tab-list/MultiTabListPage.tsx

frontend/packages/dev-console/src/components/import/icon/IconDropdown.tsx

frontend/packages/dev-console/src/components/monitoring/alerts/SilenceDurationDropdown.tsx

frontend/packages/dev-console/src/components/monitoring/metrics/MetricsQueryInput.tsx

frontend/packages/knative-plugin/src/components/functions/CreateActionDropdown.tsx

frontend/packages/local-storage-operator-plugin/src/components/local-volume-set/body.tsx

frontend/packages/network-attachment-definition-plugin/src/components/network-attachment-definitions/NetworkAttachmentDefinitionsForm.tsx

frontend/packages/network-attachment-definition-plugin/src/components/network-attachment-definitions/NetworkTypeOptions.tsx

frontend/packages/operator-lifecycle-manager/src/components/descriptors/spec/match-expressions.tsx

frontend/packages/operator-lifecycle-manager/src/components/modals/edit-registry-poll-interval-modal.tsx

frontend/packages/pipelines-plugin/src/components/ListPage.tsx

frontend/packages/webterminal-plugin/src/components/cloud-shell/WebTerminalConfiguration.tsx

frontend/public/components/api-explorer.tsx

frontend/public/components/events.jsx

frontend/public/components/filter-toolbar.tsx

frontend/public/components/pod-exec.jsx updated with https://github.com/openshift/console/pull/14362

frontend/public/components/storage-class-form.tsx

frontend/public/components/factory/list-page.tsx

frontend/public/components/modals/add-secret-to-workload.tsx

frontend/public/components/modals/cluster-channel-modal.tsx

frontend/public/components/modals/taints-modal.tsx

frontend/public/components/modals/tolerations-modal.tsx

frontend/public/components/monitoring/receiver-forms/alert-manager-receiver-forms.tsx

frontend/public/components/routes/create-route.tsx

frontend/public/components/secrets/create-secret/PullSecretForm.tsx

frontend/public/components/secrets/create-secret/SourceSecretForm.tsx

frontend/public/components/utils/list-dropdown.jsx

frontend/public/components/utils/request-size-input.tsx

frontend/public/components/utils/storage-class-dropdown.tsx

frontend/public/components/utils/tile-view-page.jsx

frontend/public/components/utils/value-from-pair.jsx

Effected UI elements

https://drive.google.com/file/d/1Ko_sjx6UynUC23jVG1Pa3fidkWrqBg_f/view?usp=drive_link

https://drive.google.com/file/d/1G88tHRG7SO9R4oXlSfvaesYAsXY1vjR4/view?usp=drive_link

https://drive.google.com/file/d/15AvXUbaBuHKpeUSxJ1Qf3R6P8pPzwZUP/view?usp=drive_link

https://drive.google.com/file/d/16e005OhxSfIPuQ8qgVMw7YwIoqdZSc-Y/view?usp=drive_link

Note: some of our dropdown use cases should be converted to a PatternFly Select.

When should <Dropdown> be used versus a <Select>?
A dropdown is a list of individual actions, such as ​​triggering a process or navigating to a new location. When you choose an action the toggle text doesn’t change.
A select is a list of options for a particular value. When you choose a value the select toggle text changes to represent that option, along with a checkmark displayed inline with the selected menu item.

Related PatternFly components

https://www.patternfly.org/components/menus/dropdown

https://www.patternfly.org/components/menus/menu

https://www.patternfly.org/components/menus/menu-toggle

https://www.patternfly.org/components/menus/select