Hi 👋
import { useState } from 'react';
import { Input } from "/components/ui/input";
import { Label } from "/components/ui/label";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "/components/ui/select";
import { Button } from "/components/ui/button";
const SvgPatternGenerator = () => {
const [pattern, setPattern] = useState('');
const [shape, setShape] = useState('circle');
const [size, setSize] = useState(10);
const [spacing, setSpacing] = useState(10);
const [strokeWidth, setStrokeWidth] = useState(1);
const [strokeColor, setStrokeColor] = useState('#000');
const [fillColor, setFillColor] = useState('#fff');
const generatePattern = () => {
const svg = `
`;
setPattern(svg);
};
return (
);
};
export default SvgPatternGenerator;
SVG Pattern Generator
setSize(Number(e.target.value))} />
setSpacing(Number(e.target.value))} />
setStrokeWidth(Number(e.target.value))} />
setStrokeColor(e.target.value)} />
setFillColor(e.target.value)} />