alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(examples): format

Browse Source
This commit is contained in:
moklick
2023-03-21 11:44:39 +01:00
parent a863e5b94d
commit 25b25f7d51
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/vite-app/src/examples/Backgrounds/index.tsx
+10 -3
View File
@@ -25,7 +25,9 @@ const Flow: FC<{ id: string; bgProps: BackgroundProps[] }> = ({ id, bgProps }) =
return ( return (
<ReactFlowProvider> <ReactFlowProvider>
<ReactFlow nodes={nodes} onNodesChange={onNodesChange} id={id}> <ReactFlow nodes={nodes} onNodesChange={onNodesChange} id={id}>
{bgProps.map((props, idx) => <Background key={idx} id={idx.toString()} {...props} />)} {bgProps.map((props, idx) => (
<Background key={idx} id={idx.toString()} {...props} />
))}
</ReactFlow> </ReactFlow>
</ReactFlowProvider> </ReactFlowProvider>
); );
@@ -36,8 +38,13 @@ const Backgrounds: FC = () => (
<Flow id="flow-a" bgProps={[{ variant: BackgroundVariant.Dots }]} /> <Flow id="flow-a" bgProps={[{ variant: BackgroundVariant.Dots }]} />
<Flow id="flow-b" bgProps={[{ variant: BackgroundVariant.Lines, gap: [50, 50] }]} /> <Flow id="flow-b" bgProps={[{ variant: BackgroundVariant.Lines, gap: [50, 50] }]} />
<Flow id="flow-c" bgProps={[{ variant: BackgroundVariant.Cross, gap: [100, 50] }]} /> <Flow id="flow-c" bgProps={[{ variant: BackgroundVariant.Cross, gap: [100, 50] }]} />
<Flow id="flow-d" bgProps={[{ variant: BackgroundVariant.Lines, gap: 10 }, <Flow
{ variant: BackgroundVariant.Lines, gap: 100, offset: 1, color: "#ccc" }]} /> id="flow-d"
bgProps={[
{ variant: BackgroundVariant.Lines, gap: 10 },
{ variant: BackgroundVariant.Lines, gap: 100, offset: 2, color: '#ccc' },
]}
/>
</div> </div>
); );