diff --git a/packages/react-core/src/components/ApplicationLauncher/ApplicationLauncher.tsx b/packages/react-core/src/components/ApplicationLauncher/ApplicationLauncher.tsx
index 5c7df5da3b2..a07b53673d4 100644
--- a/packages/react-core/src/components/ApplicationLauncher/ApplicationLauncher.tsx
+++ b/packages/react-core/src/components/ApplicationLauncher/ApplicationLauncher.tsx
@@ -14,13 +14,6 @@ export interface ApplicationLauncherProps extends React.HTMLProps<HTMLDivElement
   className?: string;
   /** Display menu above or below dropdown toggle */
   direction?: DropdownDirection | 'up' | 'down';
-  /**
-   * @deprecated
-   * Use the items prop instead
-   *
-   * Array of DropdownItem nodes that will be rendered in the dropdown Menu list
-   */
-  dropdownItems?: React.ReactNode[];
   /** Array of application launcher items */
   items?: React.ReactNode[];
   /** Render Application launcher toggle as disabled icon */
@@ -67,9 +60,7 @@ export class ApplicationLauncher extends React.Component<ApplicationLauncherProp
     className: '',
     isDisabled: false,
     direction: DropdownDirection.down,
-    dropdownItems: [] as React.ReactNode[],
     favorites: [] as string[],
-    items: [] as React.ReactNode[],
     isOpen: false,
     position: DropdownPosition.left,
     /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -154,7 +145,6 @@ export class ApplicationLauncher extends React.Component<ApplicationLauncherProp
       isDisabled,
       className,
       isGrouped,
-      dropdownItems,
       favorites,
       onFavorite,
       onSearch,
@@ -190,7 +180,7 @@ export class ApplicationLauncher extends React.Component<ApplicationLauncherProp
     } else {
       renderableItems = items;
     }
-    if (items.length === 0 && dropdownItems.length === 0) {
+    if (items.length === 0) {
       renderableItems = [
         <ApplicationLauncherGroup key="no-results-group">
           <ApplicationLauncherItem key="no-results">{searchNoResultsText}</ApplicationLauncherItem>
@@ -221,7 +211,7 @@ export class ApplicationLauncher extends React.Component<ApplicationLauncherProp
         >
           <DropdownWithContext
             {...props}
-            dropdownItems={renderableItems.length ? renderableItems : dropdownItems}
+            dropdownItems={renderableItems}
             isOpen={isOpen}
             className={className}
             aria-label={ariaLabel}
diff --git a/packages/react-core/src/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx b/packages/react-core/src/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx
index 3362fcec470..be47469164b 100644
--- a/packages/react-core/src/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx
+++ b/packages/react-core/src/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx
@@ -2,49 +2,49 @@ import React from 'react';
 import { mount } from 'enzyme';
 import { HelpIcon } from '@patternfly/react-icons';
 import { ApplicationLauncher } from '../ApplicationLauncher';
-import { DropdownItem } from '../../Dropdown/DropdownItem';
+import { ApplicationLauncherItem } from '../ApplicationLauncherItem';
 
 import { DropdownPosition, DropdownDirection } from '../../Dropdown/dropdownConstants';
-import { DropdownSeparator } from '../../Dropdown/DropdownSeparator';
+import { ApplicationLauncherSeparator } from '../ApplicationLauncherSeparator';
 
 const dropdownItems = [
-  <DropdownItem key="link">Link</DropdownItem>,
-  <DropdownItem key="action" component="button">
+  <ApplicationLauncherItem key="link">Link</ApplicationLauncherItem>,
+  <ApplicationLauncherItem key="action" component="button">
     Action
-  </DropdownItem>,
-  <DropdownItem key="disabled link" isDisabled>
+  </ApplicationLauncherItem>,
+  <ApplicationLauncherItem key="disabled link" isDisabled>
     Disabled Link
-  </DropdownItem>,
-  <DropdownItem key="disabled action" isDisabled component="button">
+  </ApplicationLauncherItem>,
+  <ApplicationLauncherItem key="disabled action" isDisabled component="button">
     Disabled Action
-  </DropdownItem>,
-  <DropdownSeparator key="separator" />,
-  <DropdownItem key="separated link">Separated Link</DropdownItem>,
-  <DropdownItem key="separated action" component="button">
+  </ApplicationLauncherItem>,
+  <ApplicationLauncherSeparator key="separator" />,
+  <ApplicationLauncherItem key="separated link">Separated Link</ApplicationLauncherItem>,
+  <ApplicationLauncherItem key="separated action" component="button">
     Separated Action
-  </DropdownItem>
+  </ApplicationLauncherItem>
 ];
 
 describe('ApplicationLauncher', () => {
   test('regular', () => {
-    const view = mount(<ApplicationLauncher dropdownItems={dropdownItems} />);
+    const view = mount(<ApplicationLauncher items={dropdownItems} />);
     expect(view).toMatchSnapshot();
   });
 
   test('right aligned', () => {
-    const view = mount(<ApplicationLauncher dropdownItems={dropdownItems} position={DropdownPosition.right} />);
+    const view = mount(<ApplicationLauncher items={dropdownItems} position={DropdownPosition.right} />);
     expect(view).toMatchSnapshot();
   });
 
   test('dropup', () => {
-    const view = mount(<ApplicationLauncher dropdownItems={dropdownItems} direction={DropdownDirection.up} />);
+    const view = mount(<ApplicationLauncher items={dropdownItems} direction={DropdownDirection.up} />);
     expect(view).toMatchSnapshot();
   });
 
   test('dropup + right aligned', () => {
     const view = mount(
       <ApplicationLauncher
-        dropdownItems={dropdownItems}
+        items={dropdownItems}
         direction={DropdownDirection.up}
         position={DropdownPosition.right}
       />
@@ -53,13 +53,13 @@ describe('ApplicationLauncher', () => {
   });
 
   test('expanded', () => {
-    const view = mount(<ApplicationLauncher dropdownItems={dropdownItems} isOpen />);
+    const view = mount(<ApplicationLauncher items={dropdownItems} isOpen />);
     expect(view).toMatchSnapshot();
   });
 
   test('custom icon', () => {
     const view = mount(
-      <ApplicationLauncher dropdownItems={dropdownItems} isOpen toggleIcon={<HelpIcon id="test-icon" />} />
+      <ApplicationLauncher items={dropdownItems} isOpen toggleIcon={<HelpIcon id="test-icon" />} />
     );
     expect(view).toMatchSnapshot();
   });
diff --git a/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap b/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
index 47ad3e08329..d2692b49ad3 100644
--- a/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
+++ b/packages/react-core/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap
@@ -5,44 +5,43 @@ exports[`ApplicationLauncher custom icon 1`] = `
   aria-label="Application launcher"
   className=""
   direction="down"
-  dropdownItems={
+  favorites={Array []}
+  favoritesLabel="Favorites"
+  isDisabled={false}
+  isGrouped={false}
+  isOpen={true}
+  items={
     Array [
-      <DropdownItem>
+      <ApplicationLauncherItem>
         Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Action
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         isDisabled={true}
       >
         Disabled Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
         isDisabled={true}
       >
         Disabled Action
-      </DropdownItem>,
-      <DropdownSeparator />,
-      <DropdownItem>
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherSeparator />,
+      <ApplicationLauncherItem>
         Separated Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Separated Action
-      </DropdownItem>,
+      </ApplicationLauncherItem>,
     ]
   }
-  favorites={Array []}
-  favoritesLabel="Favorites"
-  isDisabled={false}
-  isGrouped={false}
-  isOpen={true}
-  items={Array []}
   onSelect={[Function]}
   onToggle={[Function]}
   position="left"
@@ -65,34 +64,34 @@ exports[`ApplicationLauncher custom icon 1`] = `
     direction="down"
     dropdownItems={
       Array [
-        <DropdownItem>
+        <ApplicationLauncherItem>
           Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Action
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           isDisabled={true}
         >
           Disabled Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
           isDisabled={true}
         >
           Disabled Action
-        </DropdownItem>,
-        <DropdownSeparator />,
-        <DropdownItem>
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherSeparator />,
+        <ApplicationLauncherItem>
           Separated Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Separated Action
-        </DropdownItem>,
+        </ApplicationLauncherItem>,
       ]
     }
     isGrouped={false}
@@ -454,302 +453,386 @@ exports[`ApplicationLauncher custom icon 1`] = `
           hidden={false}
           role="menu"
         >
-          <DropdownItem
+          <ApplicationLauncherItem
             index={0}
             key=".$link"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="a"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={0}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="a"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={0}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <a
-                  aria-disabled={false}
-                  className="pf-c-app-launcher__menu-item"
-                  href={null}
-                  tabIndex={-1}
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Link
-                </a>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <a
+                    aria-disabled={false}
+                    className="pf-c-app-launcher__menu-item"
+                    href={null}
+                    tabIndex={-1}
+                  >
+                    <ApplicationLauncherContent>
+                      Link
+                    </ApplicationLauncherContent>
+                  </a>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             component="button"
             index={1}
             key=".$action"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="button"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={1}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="button"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={1}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <button
-                  className="pf-c-app-launcher__menu-item"
-                  disabled={false}
-                  href={null}
-                  tabIndex={-1}
-                  type="button"
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Action
-                </button>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <button
+                    className="pf-c-app-launcher__menu-item"
+                    disabled={false}
+                    href={null}
+                    tabIndex={-1}
+                    type="button"
+                  >
+                    <ApplicationLauncherContent>
+                      Action
+                    </ApplicationLauncherContent>
+                  </button>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             index={2}
             isDisabled={true}
             key=".$disabled link"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="a"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={2}
               isDisabled={true}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="a"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={2}
+                isDisabled={true}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <a
-                  aria-disabled={true}
-                  className="pf-m-disabled pf-c-app-launcher__menu-item"
-                  href={null}
-                  tabIndex={-1}
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Disabled Link
-                </a>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <a
+                    aria-disabled={true}
+                    className="pf-m-disabled pf-c-app-launcher__menu-item"
+                    href={null}
+                    tabIndex={-1}
+                  >
+                    <ApplicationLauncherContent>
+                      Disabled Link
+                    </ApplicationLauncherContent>
+                  </a>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             component="button"
             index={3}
             isDisabled={true}
             key=".$disabled action"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="button"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={3}
               isDisabled={true}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="button"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={3}
+                isDisabled={true}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <button
-                  className="pf-m-disabled pf-c-app-launcher__menu-item"
-                  disabled={true}
-                  href={null}
-                  tabIndex={-1}
-                  type="button"
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Disabled Action
-                </button>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownSeparator
+                  <button
+                    className="pf-m-disabled pf-c-app-launcher__menu-item"
+                    disabled={true}
+                    href={null}
+                    tabIndex={-1}
+                    type="button"
+                  >
+                    <ApplicationLauncherContent>
+                      Disabled Action
+                    </ApplicationLauncherContent>
+                  </button>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherSeparator
             index={4}
             key=".$separator"
           >
-            <InternalDropdownItem
-              className="pf-c-app-launcher__separator"
-              component="div"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+            <DropdownSeparator
               index={4}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="separator"
-              tooltipProps={Object {}}
-              variant="item"
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className="pf-c-app-launcher__separator"
+                component="div"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href=""
+                index={4}
+                isDisabled={false}
+                isHovered={false}
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="separator"
+                tooltipProps={Object {}}
+                variant="item"
               >
-                <div
-                  className="pf-c-app-launcher__separator"
-                  href={null}
-                />
-              </li>
-            </InternalDropdownItem>
-          </DropdownSeparator>
-          <DropdownItem
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="separator"
+                >
+                  <div
+                    className="pf-c-app-launcher__separator"
+                    href={null}
+                  />
+                </li>
+              </InternalDropdownItem>
+            </DropdownSeparator>
+          </ApplicationLauncherSeparator>
+          <ApplicationLauncherItem
             index={5}
             key=".$separated link"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="a"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={5}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="a"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={5}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <a
-                  aria-disabled={false}
-                  className="pf-c-app-launcher__menu-item"
-                  href={null}
-                  tabIndex={-1}
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Separated Link
-                </a>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <a
+                    aria-disabled={false}
+                    className="pf-c-app-launcher__menu-item"
+                    href={null}
+                    tabIndex={-1}
+                  >
+                    <ApplicationLauncherContent>
+                      Separated Link
+                    </ApplicationLauncherContent>
+                  </a>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             component="button"
             index={6}
             key=".$separated action"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="button"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={6}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="button"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={6}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <button
-                  className="pf-c-app-launcher__menu-item"
-                  disabled={false}
-                  href={null}
-                  tabIndex={-1}
-                  type="button"
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Separated Action
-                </button>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
+                  <button
+                    className="pf-c-app-launcher__menu-item"
+                    disabled={false}
+                    href={null}
+                    tabIndex={-1}
+                    type="button"
+                  >
+                    <ApplicationLauncherContent>
+                      Separated Action
+                    </ApplicationLauncherContent>
+                  </button>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
         </ul>
       </DropdownMenu>
     </nav>
@@ -762,44 +845,43 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
   aria-label="Application launcher"
   className=""
   direction="up"
-  dropdownItems={
+  favorites={Array []}
+  favoritesLabel="Favorites"
+  isDisabled={false}
+  isGrouped={false}
+  isOpen={false}
+  items={
     Array [
-      <DropdownItem>
+      <ApplicationLauncherItem>
         Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Action
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         isDisabled={true}
       >
         Disabled Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
         isDisabled={true}
       >
         Disabled Action
-      </DropdownItem>,
-      <DropdownSeparator />,
-      <DropdownItem>
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherSeparator />,
+      <ApplicationLauncherItem>
         Separated Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Separated Action
-      </DropdownItem>,
+      </ApplicationLauncherItem>,
     ]
   }
-  favorites={Array []}
-  favoritesLabel="Favorites"
-  isDisabled={false}
-  isGrouped={false}
-  isOpen={false}
-  items={Array []}
   onSelect={[Function]}
   onToggle={[Function]}
   position="right"
@@ -821,34 +903,34 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
     direction="up"
     dropdownItems={
       Array [
-        <DropdownItem>
+        <ApplicationLauncherItem>
           Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Action
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           isDisabled={true}
         >
           Disabled Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
           isDisabled={true}
         >
           Disabled Action
-        </DropdownItem>,
-        <DropdownSeparator />,
-        <DropdownItem>
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherSeparator />,
+        <ApplicationLauncherItem>
           Separated Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Separated Action
-        </DropdownItem>,
+        </ApplicationLauncherItem>,
       ]
     }
     isGrouped={false}
@@ -1038,44 +1120,43 @@ exports[`ApplicationLauncher dropup 1`] = `
   aria-label="Application launcher"
   className=""
   direction="up"
-  dropdownItems={
+  favorites={Array []}
+  favoritesLabel="Favorites"
+  isDisabled={false}
+  isGrouped={false}
+  isOpen={false}
+  items={
     Array [
-      <DropdownItem>
+      <ApplicationLauncherItem>
         Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Action
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         isDisabled={true}
       >
         Disabled Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
         isDisabled={true}
       >
         Disabled Action
-      </DropdownItem>,
-      <DropdownSeparator />,
-      <DropdownItem>
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherSeparator />,
+      <ApplicationLauncherItem>
         Separated Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Separated Action
-      </DropdownItem>,
+      </ApplicationLauncherItem>,
     ]
   }
-  favorites={Array []}
-  favoritesLabel="Favorites"
-  isDisabled={false}
-  isGrouped={false}
-  isOpen={false}
-  items={Array []}
   onSelect={[Function]}
   onToggle={[Function]}
   position="left"
@@ -1097,34 +1178,34 @@ exports[`ApplicationLauncher dropup 1`] = `
     direction="up"
     dropdownItems={
       Array [
-        <DropdownItem>
+        <ApplicationLauncherItem>
           Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Action
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           isDisabled={true}
         >
           Disabled Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
           isDisabled={true}
         >
           Disabled Action
-        </DropdownItem>,
-        <DropdownSeparator />,
-        <DropdownItem>
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherSeparator />,
+        <ApplicationLauncherItem>
           Separated Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Separated Action
-        </DropdownItem>,
+        </ApplicationLauncherItem>,
       ]
     }
     isGrouped={false}
@@ -1314,44 +1395,43 @@ exports[`ApplicationLauncher expanded 1`] = `
   aria-label="Application launcher"
   className=""
   direction="down"
-  dropdownItems={
+  favorites={Array []}
+  favoritesLabel="Favorites"
+  isDisabled={false}
+  isGrouped={false}
+  isOpen={true}
+  items={
     Array [
-      <DropdownItem>
+      <ApplicationLauncherItem>
         Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Action
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         isDisabled={true}
       >
         Disabled Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
         isDisabled={true}
       >
         Disabled Action
-      </DropdownItem>,
-      <DropdownSeparator />,
-      <DropdownItem>
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherSeparator />,
+      <ApplicationLauncherItem>
         Separated Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Separated Action
-      </DropdownItem>,
+      </ApplicationLauncherItem>,
     ]
   }
-  favorites={Array []}
-  favoritesLabel="Favorites"
-  isDisabled={false}
-  isGrouped={false}
-  isOpen={true}
-  items={Array []}
   onSelect={[Function]}
   onToggle={[Function]}
   position="left"
@@ -1373,34 +1453,34 @@ exports[`ApplicationLauncher expanded 1`] = `
     direction="down"
     dropdownItems={
       Array [
-        <DropdownItem>
+        <ApplicationLauncherItem>
           Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Action
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           isDisabled={true}
         >
           Disabled Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
           isDisabled={true}
         >
           Disabled Action
-        </DropdownItem>,
-        <DropdownSeparator />,
-        <DropdownItem>
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherSeparator />,
+        <ApplicationLauncherItem>
           Separated Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Separated Action
-        </DropdownItem>,
+        </ApplicationLauncherItem>,
       ]
     }
     isGrouped={false}
@@ -1757,302 +1837,386 @@ exports[`ApplicationLauncher expanded 1`] = `
           hidden={false}
           role="menu"
         >
-          <DropdownItem
+          <ApplicationLauncherItem
             index={0}
             key=".$link"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="a"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={0}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="a"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={0}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <a
-                  aria-disabled={false}
-                  className="pf-c-app-launcher__menu-item"
-                  href={null}
-                  tabIndex={-1}
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Link
-                </a>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <a
+                    aria-disabled={false}
+                    className="pf-c-app-launcher__menu-item"
+                    href={null}
+                    tabIndex={-1}
+                  >
+                    <ApplicationLauncherContent>
+                      Link
+                    </ApplicationLauncherContent>
+                  </a>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             component="button"
             index={1}
             key=".$action"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="button"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={1}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="button"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={1}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <button
-                  className="pf-c-app-launcher__menu-item"
-                  disabled={false}
-                  href={null}
-                  tabIndex={-1}
-                  type="button"
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Action
-                </button>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <button
+                    className="pf-c-app-launcher__menu-item"
+                    disabled={false}
+                    href={null}
+                    tabIndex={-1}
+                    type="button"
+                  >
+                    <ApplicationLauncherContent>
+                      Action
+                    </ApplicationLauncherContent>
+                  </button>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             index={2}
             isDisabled={true}
             key=".$disabled link"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="a"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={2}
               isDisabled={true}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="a"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={2}
+                isDisabled={true}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <a
-                  aria-disabled={true}
-                  className="pf-m-disabled pf-c-app-launcher__menu-item"
-                  href={null}
-                  tabIndex={-1}
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Disabled Link
-                </a>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <a
+                    aria-disabled={true}
+                    className="pf-m-disabled pf-c-app-launcher__menu-item"
+                    href={null}
+                    tabIndex={-1}
+                  >
+                    <ApplicationLauncherContent>
+                      Disabled Link
+                    </ApplicationLauncherContent>
+                  </a>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             component="button"
             index={3}
             isDisabled={true}
             key=".$disabled action"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="button"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={3}
               isDisabled={true}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="button"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={3}
+                isDisabled={true}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <button
-                  className="pf-m-disabled pf-c-app-launcher__menu-item"
-                  disabled={true}
-                  href={null}
-                  tabIndex={-1}
-                  type="button"
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Disabled Action
-                </button>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownSeparator
+                  <button
+                    className="pf-m-disabled pf-c-app-launcher__menu-item"
+                    disabled={true}
+                    href={null}
+                    tabIndex={-1}
+                    type="button"
+                  >
+                    <ApplicationLauncherContent>
+                      Disabled Action
+                    </ApplicationLauncherContent>
+                  </button>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherSeparator
             index={4}
             key=".$separator"
           >
-            <InternalDropdownItem
-              className="pf-c-app-launcher__separator"
-              component="div"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+            <DropdownSeparator
               index={4}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="separator"
-              tooltipProps={Object {}}
-              variant="item"
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className="pf-c-app-launcher__separator"
+                component="div"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href=""
+                index={4}
+                isDisabled={false}
+                isHovered={false}
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="separator"
+                tooltipProps={Object {}}
+                variant="item"
               >
-                <div
-                  className="pf-c-app-launcher__separator"
-                  href={null}
-                />
-              </li>
-            </InternalDropdownItem>
-          </DropdownSeparator>
-          <DropdownItem
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="separator"
+                >
+                  <div
+                    className="pf-c-app-launcher__separator"
+                    href={null}
+                  />
+                </li>
+              </InternalDropdownItem>
+            </DropdownSeparator>
+          </ApplicationLauncherSeparator>
+          <ApplicationLauncherItem
             index={5}
             key=".$separated link"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="a"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={5}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="a"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={5}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <a
-                  aria-disabled={false}
-                  className="pf-c-app-launcher__menu-item"
-                  href={null}
-                  tabIndex={-1}
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Separated Link
-                </a>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
-          <DropdownItem
+                  <a
+                    aria-disabled={false}
+                    className="pf-c-app-launcher__menu-item"
+                    href={null}
+                    tabIndex={-1}
+                  >
+                    <ApplicationLauncherContent>
+                      Separated Link
+                    </ApplicationLauncherContent>
+                  </a>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
+          <ApplicationLauncherItem
             component="button"
             index={6}
             key=".$separated action"
           >
-            <InternalDropdownItem
+            <DropdownItem
               className=""
               component="button"
-              context={
-                Object {
-                  "keyHandler": [Function],
-                  "sendRef": [Function],
-                }
-              }
-              enterTriggersArrowDown={false}
-              href=""
+              href={null}
               index={6}
-              isDisabled={false}
-              isHovered={false}
-              onClick={[Function]}
-              role="menuitem"
-              tabIndex={-1}
+              listItemClassName=""
               tooltip={null}
-              tooltipProps={Object {}}
-              variant="item"
+              tooltipProps={null}
             >
-              <li
-                className={null}
+              <InternalDropdownItem
+                className=""
+                component="button"
+                context={
+                  Object {
+                    "keyHandler": [Function],
+                    "sendRef": [Function],
+                  }
+                }
+                enterTriggersArrowDown={false}
+                href={null}
+                index={6}
+                isDisabled={false}
+                isHovered={false}
+                listItemClassName=""
                 onClick={[Function]}
-                onKeyDown={[Function]}
                 role="menuitem"
+                tabIndex={-1}
+                tooltip={null}
+                tooltipProps={null}
+                variant="item"
               >
-                <button
-                  className="pf-c-app-launcher__menu-item"
-                  disabled={false}
-                  href={null}
-                  tabIndex={-1}
-                  type="button"
+                <li
+                  className={null}
+                  onClick={[Function]}
+                  onKeyDown={[Function]}
+                  role="menuitem"
                 >
-                  Separated Action
-                </button>
-              </li>
-            </InternalDropdownItem>
-          </DropdownItem>
+                  <button
+                    className="pf-c-app-launcher__menu-item"
+                    disabled={false}
+                    href={null}
+                    tabIndex={-1}
+                    type="button"
+                  >
+                    <ApplicationLauncherContent>
+                      Separated Action
+                    </ApplicationLauncherContent>
+                  </button>
+                </li>
+              </InternalDropdownItem>
+            </DropdownItem>
+          </ApplicationLauncherItem>
         </ul>
       </DropdownMenu>
     </nav>
@@ -2065,44 +2229,43 @@ exports[`ApplicationLauncher regular 1`] = `
   aria-label="Application launcher"
   className=""
   direction="down"
-  dropdownItems={
+  favorites={Array []}
+  favoritesLabel="Favorites"
+  isDisabled={false}
+  isGrouped={false}
+  isOpen={false}
+  items={
     Array [
-      <DropdownItem>
+      <ApplicationLauncherItem>
         Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Action
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         isDisabled={true}
       >
         Disabled Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
         isDisabled={true}
       >
         Disabled Action
-      </DropdownItem>,
-      <DropdownSeparator />,
-      <DropdownItem>
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherSeparator />,
+      <ApplicationLauncherItem>
         Separated Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Separated Action
-      </DropdownItem>,
+      </ApplicationLauncherItem>,
     ]
   }
-  favorites={Array []}
-  favoritesLabel="Favorites"
-  isDisabled={false}
-  isGrouped={false}
-  isOpen={false}
-  items={Array []}
   onSelect={[Function]}
   onToggle={[Function]}
   position="left"
@@ -2124,34 +2287,34 @@ exports[`ApplicationLauncher regular 1`] = `
     direction="down"
     dropdownItems={
       Array [
-        <DropdownItem>
+        <ApplicationLauncherItem>
           Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Action
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           isDisabled={true}
         >
           Disabled Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
           isDisabled={true}
         >
           Disabled Action
-        </DropdownItem>,
-        <DropdownSeparator />,
-        <DropdownItem>
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherSeparator />,
+        <ApplicationLauncherItem>
           Separated Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Separated Action
-        </DropdownItem>,
+        </ApplicationLauncherItem>,
       ]
     }
     isGrouped={false}
@@ -2341,44 +2504,43 @@ exports[`ApplicationLauncher right aligned 1`] = `
   aria-label="Application launcher"
   className=""
   direction="down"
-  dropdownItems={
+  favorites={Array []}
+  favoritesLabel="Favorites"
+  isDisabled={false}
+  isGrouped={false}
+  isOpen={false}
+  items={
     Array [
-      <DropdownItem>
+      <ApplicationLauncherItem>
         Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Action
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         isDisabled={true}
       >
         Disabled Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
         isDisabled={true}
       >
         Disabled Action
-      </DropdownItem>,
-      <DropdownSeparator />,
-      <DropdownItem>
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherSeparator />,
+      <ApplicationLauncherItem>
         Separated Link
-      </DropdownItem>,
-      <DropdownItem
+      </ApplicationLauncherItem>,
+      <ApplicationLauncherItem
         component="button"
       >
         Separated Action
-      </DropdownItem>,
+      </ApplicationLauncherItem>,
     ]
   }
-  favorites={Array []}
-  favoritesLabel="Favorites"
-  isDisabled={false}
-  isGrouped={false}
-  isOpen={false}
-  items={Array []}
   onSelect={[Function]}
   onToggle={[Function]}
   position="right"
@@ -2400,34 +2562,34 @@ exports[`ApplicationLauncher right aligned 1`] = `
     direction="down"
     dropdownItems={
       Array [
-        <DropdownItem>
+        <ApplicationLauncherItem>
           Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Action
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           isDisabled={true}
         >
           Disabled Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
           isDisabled={true}
         >
           Disabled Action
-        </DropdownItem>,
-        <DropdownSeparator />,
-        <DropdownItem>
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherSeparator />,
+        <ApplicationLauncherItem>
           Separated Link
-        </DropdownItem>,
-        <DropdownItem
+        </ApplicationLauncherItem>,
+        <ApplicationLauncherItem
           component="button"
         >
           Separated Action
-        </DropdownItem>,
+        </ApplicationLauncherItem>,
       ]
     }
     isGrouped={false}
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ApplicationLauncherDemo/ApplicationLauncherDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ApplicationLauncherDemo/ApplicationLauncherDemo.tsx
index 76293c0ff12..7ccd98e8bf6 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/ApplicationLauncherDemo/ApplicationLauncherDemo.tsx
+++ b/packages/react-integration/demo-app-ts/src/components/demos/ApplicationLauncherDemo/ApplicationLauncherDemo.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { ApplicationLauncher, DropdownItem, Tooltip } from '@patternfly/react-core';
+import { ApplicationLauncher, ApplicationLauncherItem, Tooltip } from '@patternfly/react-core';
 
 interface ApplicationLauncherState {
   isOpen: boolean;
@@ -34,24 +34,24 @@ export class ApplicationLauncherDemo extends React.Component<null, ApplicationLa
     const { isOpen } = this.state;
     const dropdownItems = [
       <Tooltip content={<div>Launch Application 1</div>} key="1">
-        <DropdownItem key="application_1" component="a" href="https://www.google.com">
+        <ApplicationLauncherItem key="application_1" component="a" href="https://www.google.com">
           Application 1
-        </DropdownItem>
+        </ApplicationLauncherItem>
       </Tooltip>,
       <Tooltip content={<div>Launch Application 2</div>} position="right" key="2">
-        <DropdownItem key="application_2" component="a">
+        <ApplicationLauncherItem key="application_2" component="a">
           Application 2
-        </DropdownItem>
+        </ApplicationLauncherItem>
       </Tooltip>,
       <Tooltip content={<div>Launch Application 3</div>} position="right" key="3">
-        <DropdownItem key="application_3" component="a">
+        <ApplicationLauncherItem key="application_3" component="a">
           Application 3
-        </DropdownItem>
+        </ApplicationLauncherItem>
       </Tooltip>,
       <Tooltip content={<div>Application Unavailable At This Time</div>} position="bottom" key="4">
-        <DropdownItem key="disabled_application_4" isDisabled component="a">
+        <ApplicationLauncherItem key="disabled_application_4" isDisabled component="a">
           Unavailable Application
-        </DropdownItem>
+        </ApplicationLauncherItem>
       </Tooltip>
     ];
     return (
@@ -60,7 +60,7 @@ export class ApplicationLauncherDemo extends React.Component<null, ApplicationLa
         onToggle={this.onToggle}
         toggleId="toggle"
         isOpen={isOpen}
-        dropdownItems={dropdownItems}
+        items={dropdownItems}
       />
     );
   }