Updates

components/layout/Row.tsx

@@ -1,6 +1,10 @@
 import { DetailedHTMLProps, HTMLAttributes } from "react";
 import { twMerge } from "tailwind-merge";
 
+/**
+ * # Flexbox Row
+ * @className twui-row
+ */
 export default function Row({
     ...props
 }: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {
@@ -8,7 +12,8 @@ export default function Row({
         <div
             {...props}
             className={twMerge(
-                "flex flex-row items-center gap-2",
+                "flex flex-row items-center gap-2 flex-wrap",
+                "twui-row",
                 props.className
             )}
         >