diff --git a/src/deck-components/ControlsList.tsx b/src/deck-components/ControlsList.tsx
new file mode 100644
index 0000000..8c974f4
--- /dev/null
+++ b/src/deck-components/ControlsList.tsx
@@ -0,0 +1,17 @@
+import { findModuleChild } from '../webpack';
+import { FC } from 'react';
+
+export interface ControlsListProps {
+  alignItems?: 'left' | 'right' | 'center';
+  spacing?: 'standard' | 'extra';
+}
+
+export const ControlsList: FC<ControlsListProps> = findModuleChild((m) => {
+  if (typeof m !== 'object') return;
+  for (const prop in m) {
+    if (m[prop]?.toString && m[prop].toString().includes('().ControlsListChild') && m[prop].toString().includes('().ControlsListOuterPanel')) {
+      return m[prop];
+    }
+  }
+  return;
+});
diff --git a/src/deck-components/index.ts b/src/deck-components/index.ts
index 392a440..3bb96c3 100755
--- a/src/deck-components/index.ts
+++ b/src/deck-components/index.ts
@@ -1,6 +1,7 @@
 export * from './Button';
 export * from './ButtonItem';
 export * from './Carousel';
+export * from './ControlsList';
 export * from './Dialog';
 export * from './Dropdown';
 export * from './Field';