diff --git a/components/flex/index.tsx b/components/flex/index.tsx
index 1b0b5b83b4..af9aeaa9f1 100644
--- a/components/flex/index.tsx
+++ b/components/flex/index.tsx
@@ -20,9 +20,14 @@ const Flex = React.forwardRef<HTMLElement, FlexProps>((props, ref) => {
     children,
     vertical = false,
     component: Component = 'div',
+    columns,
+    spacing,
+    sequential = false,
     ...othersProps
   } = props;
 
+  console.log(columns, spacing, sequential);
+
   const {
     flex: ctxFlex,
     direction: ctxDirection,
diff --git a/components/flex/interface.ts b/components/flex/interface.ts
index d2d5f8d864..bc94560353 100644
--- a/components/flex/interface.ts
+++ b/components/flex/interface.ts
@@ -14,4 +14,12 @@ export interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLEleme
   gap?: React.CSSProperties['gap'] | SizeType;
   children: React.ReactNode;
   component?: CustomComponent<P>;
+  columns?: number;
+  spacing?: number;
+  /**
+   * Allows using sequential order rather than adding to shortest column
+   *
+   * @default false
+   */
+  sequential?: boolean;
 }