diff --git a/packages/react-templates/src/components/Dropdown/DropdownSimple.tsx b/packages/react-templates/src/components/Dropdown/DropdownSimple.tsx
new file mode 100644
index 00000000000..7f2c773e92e
--- /dev/null
+++ b/packages/react-templates/src/components/Dropdown/DropdownSimple.tsx
@@ -0,0 +1,122 @@
+import React from 'react';
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownList,
+  DropdownItemProps
+} from '@patternfly/react-core/dist/esm/components/Dropdown';
+import { MenuToggle, MenuToggleElement } from '@patternfly/react-core/dist/esm/components/MenuToggle';
+import { Divider } from '@patternfly/react-core/dist/esm/components/Divider';
+import { OUIAProps } from '@patternfly/react-core/dist/esm/helpers';
+
+export interface DropdownSimpleItem extends Omit<DropdownItemProps, 'content'> {
+  /** Content of the dropdown item. If the isDivider prop is true, this prop will be ignored. */
+  content?: React.ReactNode;
+  /** Unique identifier for the dropdown item, which is used in the dropdown onSelect callback */
+  value: string | number;
+  /** Callback for when the dropdown item is clicked. */
+  onClick?: (event?: any) => void;
+  /** URL to redirect to when the dropdown item is clicked. */
+  to?: string;
+  /** Flag indicating whether the dropdown item should render as a divider. If true, the item will be rendered without
+   * the dropdown item wrapper.
+   */
+  isDivider?: boolean;
+}
+
+export interface DropdownSimpleProps extends OUIAProps {
+  /** Initial items of the dropdown. */
+  initialItems?: DropdownSimpleItem[];
+  /** @hide Forwarded ref */
+  innerRef?: React.Ref<any>;
+  /** Flag indicating the dropdown should be disabled. */
+  isDisabled?: boolean;
+  /** Flag indicated whether the dropdown toggle should take up the full width of its parent. */
+  isToggleFullWidth?: boolean;
+  /** Callback triggered when any dropdown item is clicked. */
+  onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, value?: string | number) => void;
+  /** Callback triggered when the dropdown toggle opens or closes. */
+  onToggle?: (nextIsOpen: boolean) => void;
+  /** Flag indicating the dropdown toggle should be focused after a dropdown item is clicked. */
+  shouldFocusToggleOnSelect?: boolean;
+  /** Adds an accessible name to the dropdown toggle. Required when the dropdown toggle does not
+   * have any text content.
+   */
+  toggleAriaLabel?: string;
+  /** Content of the toggle. */
+  toggleContent: React.ReactNode;
+  /** Variant style of the dropdown toggle. */
+  toggleVariant?: 'default' | 'plain' | 'plainText';
+}
+
+const DropdownSimpleBase: React.FunctionComponent<DropdownSimpleProps> = ({
+  innerRef,
+  initialItems,
+  onSelect: onSelectProp,
+  onToggle: onToggleProp,
+  isDisabled,
+  toggleAriaLabel,
+  toggleContent,
+  isToggleFullWidth,
+  toggleVariant = 'default',
+  shouldFocusToggleOnSelect,
+  ...props
+}: DropdownSimpleProps) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+
+  const onSelect = (event: React.MouseEvent<Element, MouseEvent>, value: string | number) => {
+    onSelectProp && onSelectProp(event, value);
+    setIsOpen(false);
+  };
+
+  const onToggle = () => {
+    onToggleProp && onToggleProp(!isOpen);
+    setIsOpen(!isOpen);
+  };
+
+  const dropdownToggle = (toggleRef: React.Ref<MenuToggleElement>) => (
+    <MenuToggle
+      ref={toggleRef}
+      onClick={onToggle}
+      isExpanded={isOpen}
+      isDisabled={isDisabled}
+      variant={toggleVariant}
+      aria-label={toggleAriaLabel}
+      isFullWidth={isToggleFullWidth}
+    >
+      {toggleContent}
+    </MenuToggle>
+  );
+
+  const dropdownSimpleItems = initialItems?.map((item) => {
+    const { content, onClick, to, value, isDivider, ...itemProps } = item;
+
+    return isDivider ? (
+      <Divider component="li" key={value} />
+    ) : (
+      <DropdownItem onClick={onClick} to={to} key={value} value={value} {...itemProps}>
+        {content}
+      </DropdownItem>
+    );
+  });
+
+  return (
+    <Dropdown
+      toggle={dropdownToggle}
+      isOpen={isOpen}
+      onSelect={onSelect}
+      shouldFocusToggleOnSelect={shouldFocusToggleOnSelect}
+      onOpenChange={(isOpen) => setIsOpen(isOpen)}
+      ref={innerRef}
+      {...props}
+    >
+      <DropdownList>{dropdownSimpleItems}</DropdownList>
+    </Dropdown>
+  );
+};
+
+export const DropdownSimple = React.forwardRef((props: DropdownSimpleProps, ref: React.Ref<any>) => (
+  <DropdownSimpleBase {...props} innerRef={ref} />
+));
+
+DropdownSimple.displayName = 'DropdownSimple';
diff --git a/packages/react-templates/src/components/Dropdown/__tests__/DropdownSimple.test.tsx b/packages/react-templates/src/components/Dropdown/__tests__/DropdownSimple.test.tsx
new file mode 100644
index 00000000000..ddd8b37df66
--- /dev/null
+++ b/packages/react-templates/src/components/Dropdown/__tests__/DropdownSimple.test.tsx
@@ -0,0 +1,254 @@
+import * as React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { DropdownSimple } from '../DropdownSimple';
+import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle';
+
+describe('Dropdown toggle', () => {
+  test('Renders dropdown toggle as not disabled when isDisabled is not true', () => {
+    render(<DropdownSimple toggleContent="Dropdown" />);
+
+    expect(screen.getByRole('button', { name: 'Dropdown' })).not.toBeDisabled();
+  });
+
+  test('Renders dropdown toggle as disabled when isDisabled is true', () => {
+    render(<DropdownSimple toggleContent="Dropdown" isDisabled />);
+
+    expect(screen.getByRole('button', { name: 'Dropdown' })).toBeDisabled();
+  });
+
+  test('Passes toggleVariant', () => {
+    render(<DropdownSimple toggleContent="Dropdown" toggleVariant="plain" />);
+
+    expect(screen.getByRole('button', { name: 'Dropdown' })).toHaveClass(styles.modifiers.plain);
+  });
+
+  test('Passes toggleAriaLabel', () => {
+    render(<DropdownSimple toggleContent="Dropdown" toggleAriaLabel="Aria label content" />);
+
+    expect(screen.getByRole('button')).toHaveAccessibleName('Aria label content');
+  });
+
+  test('Calls onToggle with next isOpen state when dropdown toggle is clicked', async () => {
+    const onToggle = jest.fn();
+    const user = userEvent.setup();
+    render(<DropdownSimple onToggle={onToggle} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+    expect(onToggle).toHaveBeenCalledWith(true);
+  });
+
+  test('Does not call onToggle when dropdown toggle is not clicked', async () => {
+    const onToggle = jest.fn();
+    const items = [{ content: 'Action', value: 1 }];
+    const user = userEvent.setup();
+    render(
+      <div>
+        <button>Actual</button>
+        <DropdownSimple initialItems={items} onToggle={onToggle} toggleContent="Dropdown" />
+      </div>
+    );
+
+    const btn = screen.getByRole('button', { name: 'Actual' });
+    await user.click(btn);
+    expect(onToggle).not.toHaveBeenCalled();
+  });
+
+  test('Calls toggle onSelect when item is clicked', async () => {
+    const onSelect = jest.fn();
+    const items = [{ content: 'Action', value: 1 }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" onSelect={onSelect} />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    await user.click(actionItem);
+    expect(onSelect).toHaveBeenCalledTimes(1);
+  });
+
+  test('Does not call toggle onSelect when item is not clicked', async () => {
+    const onSelect = jest.fn();
+    const items = [{ content: 'Action', value: 1 }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" onSelect={onSelect} />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+    await user.click(toggle);
+    expect(onSelect).not.toHaveBeenCalled();
+  });
+
+  test('Does not pass isToggleFullWidth to menu toggle by default', () => {
+    render(<DropdownSimple toggleContent="Dropdown" />);
+
+    expect(screen.getByRole('button', { name: 'Dropdown' })).not.toHaveClass(styles.modifiers.fullWidth);
+  });
+
+  test('Passes isToggleFullWidth to menu toggle when passed in', () => {
+    render(<DropdownSimple isToggleFullWidth toggleContent="Dropdown" />);
+
+    expect(screen.getByRole('button', { name: 'Dropdown' })).toHaveClass(styles.modifiers.fullWidth);
+  });
+
+  test('Does not focus toggle on item select by default', async () => {
+    const items = [{ content: 'Action', value: 1 }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    await user.click(actionItem);
+
+    expect(toggle).not.toHaveFocus();
+  });
+
+  test('Focuses toggle on item select when shouldFocusToggleOnSelect is true', async () => {
+    const items = [{ content: 'Action', value: 1 }];
+    const user = userEvent.setup();
+    render(<DropdownSimple shouldFocusToggleOnSelect initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    await user.click(actionItem);
+
+    expect(toggle).toHaveFocus();
+  });
+
+  test('Matches snapshot', () => {
+    const { asFragment } = render(<DropdownSimple toggleContent="Dropdown" />);
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});
+
+describe('Dropdown items', () => {
+  test('Renders with items', async () => {
+    const items = [
+      { content: 'Action', value: 1 },
+      { value: 'separator', isDivider: true }
+    ];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    const dividerItem = screen.getByRole('separator');
+    expect(actionItem).toBeInTheDocument();
+    expect(dividerItem).toBeInTheDocument();
+  });
+
+  test('Renders with a link item', async () => {
+    const items = [{ content: 'Link', value: 1, to: '#' }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const linkItem = screen.getByRole('menuitem', { name: 'Link' });
+    expect(linkItem.getAttribute('href')).toBe('#');
+  });
+
+  test('Renders with items not disabled by default', async () => {
+    const items = [{ content: 'Action', value: 1 }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    expect(actionItem).not.toBeDisabled();
+  });
+
+  test('Renders with a disabled item', async () => {
+    const items = [{ content: 'Action', value: 1, isDisabled: true }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    expect(actionItem).toBeDisabled();
+  });
+
+  test('Spreads props on item', async () => {
+    const items = [{ content: 'Action', value: 1, id: 'Test' }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    expect(actionItem.getAttribute('id')).toBe('Test');
+  });
+
+  test('Calls item onClick when clicked', async () => {
+    const onClick = jest.fn();
+    const items = [{ content: 'Action', value: 1, onClick }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    await user.click(actionItem);
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+
+  test('Does not call item onClick when not clicked', async () => {
+    const onClick = jest.fn();
+    const items = [
+      { content: 'Action', value: 1, onClick },
+      { content: 'Action 2', value: 2 }
+    ];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action 2' });
+    await user.click(actionItem);
+    expect(onClick).not.toHaveBeenCalled();
+  });
+
+  test('Does not call item onClick when clicked and item is disabled', async () => {
+    const onClick = jest.fn();
+    const items = [{ content: 'Action', value: 1, onClick, isDisabled: true }];
+    const user = userEvent.setup();
+    render(<DropdownSimple initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    const actionItem = screen.getByRole('menuitem', { name: 'Action' });
+    await user.click(actionItem);
+    expect(onClick).not.toHaveBeenCalled();
+  });
+
+  test('Matches snapshot', async () => {
+    const items = [
+      { content: 'Action', value: 1, ouiaId: '1' },
+      { value: 'separator', isDivider: true, ouiaId: '2' },
+      { content: 'Link', value: 'separator', to: '#', ouiaId: '3' }
+    ];
+    const user = userEvent.setup();
+    const { asFragment } = render(<DropdownSimple ouiaId={4} initialItems={items} toggleContent="Dropdown" />);
+
+    const toggle = screen.getByRole('button', { name: 'Dropdown' });
+    await user.click(toggle);
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});
diff --git a/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/DropdownSimple.test.tsx.snap b/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/DropdownSimple.test.tsx.snap
new file mode 100644
index 00000000000..c1f0b5cab98
--- /dev/null
+++ b/packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/DropdownSimple.test.tsx.snap
@@ -0,0 +1,147 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dropdown items Matches snapshot 1`] = `
+<DocumentFragment>
+  <button
+    aria-expanded="true"
+    class="pf-v5-c-menu-toggle pf-m-expanded"
+    type="button"
+  >
+    <span
+      class="pf-v5-c-menu-toggle__text"
+    >
+      Dropdown
+    </span>
+    <span
+      class="pf-v5-c-menu-toggle__controls"
+    >
+      <span
+        class="pf-v5-c-menu-toggle__toggle-icon"
+      >
+        <svg
+          aria-hidden="true"
+          class="pf-v5-svg"
+          fill="currentColor"
+          height="1em"
+          role="img"
+          viewBox="0 0 320 512"
+          width="1em"
+        >
+          <path
+            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+          />
+        </svg>
+      </span>
+    </span>
+  </button>
+  <div
+    class="pf-v5-c-menu"
+    data-ouia-component-id="4"
+    data-ouia-component-type="PF5/Dropdown"
+    data-ouia-safe="true"
+    data-popper-escaped="true"
+    data-popper-placement="bottom-start"
+    data-popper-reference-hidden="true"
+    style="position: absolute; left: 0px; top: 0px; z-index: 9999; opacity: 1; transition: opacity 0ms cubic-bezier(.54, 1.5, .38, 1.11); min-width: 0px; transform: translate(0px, 0px);"
+  >
+    <div
+      class="pf-v5-c-menu__content"
+    >
+      <ul
+        class="pf-v5-c-menu__list"
+        role="menu"
+      >
+        <li
+          class="pf-v5-c-menu__list-item"
+          data-ouia-component-id="1"
+          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-safe="true"
+          role="none"
+        >
+          <button
+            class="pf-v5-c-menu__item"
+            role="menuitem"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="pf-v5-c-menu__item-main"
+            >
+              <span
+                class="pf-v5-c-menu__item-text"
+              >
+                Action
+              </span>
+            </span>
+          </button>
+        </li>
+        <li
+          class="pf-v5-c-divider"
+          role="separator"
+        />
+        <li
+          class="pf-v5-c-menu__list-item"
+          data-ouia-component-id="3"
+          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-safe="true"
+          role="none"
+        >
+          <a
+            class="pf-v5-c-menu__item"
+            href="#"
+            role="menuitem"
+            tabindex="-1"
+          >
+            <span
+              class="pf-v5-c-menu__item-main"
+            >
+              <span
+                class="pf-v5-c-menu__item-text"
+              >
+                Link
+              </span>
+            </span>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Dropdown toggle Matches snapshot 1`] = `
+<DocumentFragment>
+  <button
+    aria-expanded="false"
+    class="pf-v5-c-menu-toggle"
+    type="button"
+  >
+    <span
+      class="pf-v5-c-menu-toggle__text"
+    >
+      Dropdown
+    </span>
+    <span
+      class="pf-v5-c-menu-toggle__controls"
+    >
+      <span
+        class="pf-v5-c-menu-toggle__toggle-icon"
+      >
+        <svg
+          aria-hidden="true"
+          class="pf-v5-svg"
+          fill="currentColor"
+          height="1em"
+          role="img"
+          viewBox="0 0 320 512"
+          width="1em"
+        >
+          <path
+            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+          />
+        </svg>
+      </span>
+    </span>
+  </button>
+</DocumentFragment>
+`;
diff --git a/packages/react-templates/src/components/Dropdown/examples/DropdownSimpleExample.tsx b/packages/react-templates/src/components/Dropdown/examples/DropdownSimpleExample.tsx
new file mode 100644
index 00000000000..6129f7ff33f
--- /dev/null
+++ b/packages/react-templates/src/components/Dropdown/examples/DropdownSimpleExample.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { Checkbox, Flex, FlexItem } from '@patternfly/react-core';
+import { DropdownSimple, DropdownSimpleItem } from '@patternfly/react-templates';
+import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+
+export const DropdownSimpleExample: React.FunctionComponent = () => {
+  const [isDisabled, setIsDisabled] = React.useState(false);
+
+  const items: DropdownSimpleItem[] = [
+    // eslint-disable-next-line no-console
+    { content: 'Action', value: 1, onClick: () => console.log('Action clicked') },
+    // Prevent default click behavior on link for example purposes
+    { content: 'Link', value: 2, to: '#', onClick: (event: any) => event.preventDefault() },
+    { content: 'Disabled Action', value: 3, isDisabled: true },
+    { value: 'separator', isDivider: true },
+    // eslint-disable-next-line no-console
+    { content: 'Second action', value: 4, onClick: () => console.log('Second action clicked') }
+  ];
+
+  return (
+    <React.Fragment>
+      <Checkbox
+        id="simple-example-disabled-toggle"
+        label="Disable dropdown simple toggles"
+        isChecked={isDisabled}
+        onChange={(_event: React.FormEvent<HTMLInputElement>, checked: boolean) => setIsDisabled(checked)}
+        style={{ marginBottom: 20 }}
+      />
+      <Flex gap={{ default: 'gapLg' }}>
+        <FlexItem>
+          <DropdownSimple initialItems={items} isDisabled={isDisabled} toggleContent="Dropdown" />
+        </FlexItem>
+        <FlexItem>
+          <DropdownSimple
+            toggleVariant="plainText"
+            initialItems={items}
+            isDisabled={isDisabled}
+            toggleContent="Dropdown with plainText styling"
+          />
+        </FlexItem>
+        <FlexItem>
+          <DropdownSimple
+            toggleVariant="plain"
+            initialItems={items}
+            isDisabled={isDisabled}
+            toggleContent={<EllipsisVIcon aria-hidden="true" />}
+            toggleAriaLabel="Plain dropdown toggle"
+          />
+        </FlexItem>
+      </Flex>
+    </React.Fragment>
+  );
+};
diff --git a/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md b/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md
new file mode 100644
index 00000000000..723e8acc93c
--- /dev/null
+++ b/packages/react-templates/src/components/Dropdown/examples/DropdownTemplates.md
@@ -0,0 +1,36 @@
+---
+id: Dropdown
+section: components
+subsection: menus
+template: true
+beta: true
+propComponents: ['DropdownSimple', 'DropdownSimpleItem']
+---
+
+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 {
+Checkbox,
+Divider,
+Dropdown,
+DropdownItem,
+DropdownList,
+DropdownItemProps,
+Flex,
+FlexItem,
+MenuToggle,
+MenuToggleElement,
+OUIAProps
+} from '@patternfly/react-core';
+import { DropdownSimple, DropdownSimpleItem } from '@patternfly/react-templates';
+import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+
+## Examples
+
+### Simple
+
+```ts file="./DropdownSimpleExample.tsx"
+
+```
diff --git a/packages/react-templates/src/components/Dropdown/index.ts b/packages/react-templates/src/components/Dropdown/index.ts
new file mode 100644
index 00000000000..d56944e88c9
--- /dev/null
+++ b/packages/react-templates/src/components/Dropdown/index.ts
@@ -0,0 +1 @@
+export * from './DropdownSimple';
diff --git a/packages/react-templates/src/components/index.ts b/packages/react-templates/src/components/index.ts
index 7868ecbae29..938364392c1 100644
--- a/packages/react-templates/src/components/index.ts
+++ b/packages/react-templates/src/components/index.ts
@@ -1 +1,2 @@
+export * from './Dropdown';
 export * from './Select';