feat(Grid): add classname prop

kiwicom · Oct 17, 2023 · 036eb85 · 036eb85
1 parent d668024
commit 036eb85
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/packages/orbit-components/src/utils/Grid/index.js.flow b/packages/orbit-components/src/utils/Grid/index.js.flow
@@ -24,6 +24,7 @@ export type Props = {|
   ...BasicProps,
   ...Globals,
   +as?: string,
+  +className?: string,
   +mediumMobile?: MediaQuery,
   +largeMobile?: MediaQuery,
   +tablet?: MediaQuery,

diff --git a/packages/orbit-components/src/utils/Grid/index.tsx b/packages/orbit-components/src/utils/Grid/index.tsx
@@ -17,6 +17,7 @@ const inlineClasses: Record<QUERIES, { inline: string; grid: string }> = {
 
 const Grid = ({
   children,
+  className,
   as: ComponentTag = "div",
   dataTest,
   width,
@@ -92,7 +93,7 @@ const Grid = ({
     // @ts-expect-error orbit string as
     <ComponentTag
       data-test={dataTest}
-      className={cx([
+      className={cx(className, [
         inline ? "inline-grid" : "grid",
         spaceAfter && spaceAfterClasses[spaceAfter],
         vars["--grid-width"] != null && "w-[var(--grid-width)]",

diff --git a/packages/orbit-components/src/utils/Grid/types.d.ts b/packages/orbit-components/src/utils/Grid/types.d.ts
@@ -18,6 +18,7 @@ export interface BasicProps extends Common.SpaceAfter {
 
 export interface Props extends Common.Globals, Common.SpaceAfter, BasicProps {
   readonly as?: string;
+  readonly className?: string;
   readonly mediumMobile?: BasicProps;
   readonly largeMobile?: BasicProps;
   readonly tablet?: BasicProps;