Merge pull request #72 from tone-row/add-grid-area

fix(box): add grid-area prop
tone-row · May 20, 2021 · 0b3743b · 0b3743b · vercel · May 20, 2021
2 parents 5a711e6 + 9aa2bd1
commit 0b3743b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/slang/src/Box/props.ts b/slang/src/Box/props.ts
@@ -37,6 +37,7 @@ export interface ResponsiveProps<
   content?: string;
   items?: string;
   self?: string;
+  area?: string;
   gap?: number;
   columnGap?: number;
   rowGap?: number;
@@ -245,4 +246,8 @@ export const boxConfig: ComponentConfig<ResponsiveProps>[] = [
     cssFromVariable: (v) =>
       `border-radius: calc(var(--smallest-border-radius-px) * ${v});`,
   },
+  {
+    key: "area",
+    cssFromVariable: (v) => `grid-area: ${v};`,
+  },
 ];