Add className prop to CardGroup (#86)

feat: adds className prop to CardGroup
mintlify · May 22, 2023 · 37e23af · 37e23af
1 parent e35312c
commit 37e23af
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/CardGroup.tsx b/src/CardGroup.tsx
@@ -1,5 +1,16 @@
+import clsx from 'clsx';
 import React, { ReactNode } from 'react';
 
-export function CardGroup({ children, cols = 2 }: { children: ReactNode; cols?: 1 | 2 | 3 | 4 }) {
-  return <div className={`not-prose grid sm:grid-cols-${cols} gap-x-4`}>{children}</div>;
+export function CardGroup({
+  children,
+  cols = 2,
+  className,
+}: {
+  children: ReactNode;
+  cols?: 1 | 2 | 3 | 4;
+  className?: string;
+}) {
+  return (
+    <div className={clsx(`not-prose grid sm:grid-cols-${cols} gap-x-4`, className)}>{children}</div>
+  );
 }