add diagonalRightToLeft to pattern example

airbnb · Jun 17, 2020 · f835222 · f835222
1 parent 2907a6c
commit f835222
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx b/packages/vx-demo/src/sandboxes/vx-pattern/Example.tsx
@@ -52,6 +52,16 @@ const Patterns: React.FC<{ id: string }>[] = [
       orientation={['diagonal']}
     />
   ),
+  ({ id }) => (
+    <PatternLines
+      id={id}
+      height={6}
+      width={6}
+      stroke="black"
+      strokeWidth={1}
+      orientation={['diagonalRightToLeft']}
+    />
+  ),
   ({ id }) => (
     <PatternLines
       id={id}
@@ -100,7 +110,7 @@ const Patterns: React.FC<{ id: string }>[] = [
 ];
 
 export default function Example({ width, height, margin = defaultMargin }: PatternProps) {
-  const numColumns = width > 600 ? 4 : 2;
+  const numColumns = 3;
   const numRows = Patterns.length / numColumns;
   const columnWidth = Math.max((width - margin.left - margin.right) / numColumns, 0);
   const rowHeight = Math.max((height - margin.bottom - margin.top) / numRows, 0);