---
id: Dropdown
section: components
subsection: menus
template: true
beta: true
propComponents: ['SimpleDropdown', 'SimpleDropdownItem']
---

Note: Templates live in their own package at [@patternfly/react-templates](https://www.npmjs.com/package/@patternfly/react-templates)!

For custom use cases, please see the dropdown component suite from [@patternfly/react-core](https://www.npmjs.com/package/@patternfly/react-core).

import { Fragment, useState, FunctionComponent } from 'react';
import { Checkbox, Flex, FlexItem } from '@patternfly/react-core';
import { SimpleDropdown } from '@patternfly/react-templates';
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';

## Examples

### Simple

```ts file="./SimpleDropdownExample.tsx"

```