xref: /expo/docs/ui/components/Diagram/DotGrid.tsx (revision 6eefacaa)
1import React from 'react';
2
3export function DotGrid() {
4  return (
5    <div className="z-0 absolute w-full h-full">
6      <svg width="100%" height="100%">
7        <defs>
8          <pattern id="dot-grid" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
9            <circle fill="var(--slate4)" cx="1" cy="1" r="1" />
10          </pattern>
11        </defs>
12        <rect x="0" y="0" width="100%" height="100%" fill="url(#dot-grid)" />
13      </svg>
14    </div>
15  );
16}
17