Creates a Background Component for a ReactFlow

Note background is not a standalone component, it is a child of ReactFlow

Usage

background(...)

Source

https://reactflow.dev/api-reference/components/background

Arguments

...

arguments passed to the element, see official source below

Examples

nodes <- list(
  list(id = "1", position = list(x = 0, y = 0), data = list(label = "1"),
       type = "input"),
  list(id = "2", position = list(x = 50, y = 100), data = list(label = "2")),
  list(id = "3", position = list(x = 100, y = 200), data = list(label = "3"),
       type = "output")
)
edges <- list(
 list(id = "e1-2", source = "1", target = "2"),
 list(id = "e2-3", source = "2", target = "3"),
 list(id = "e1-3", source = "1", target = "3")
)

# basic background
reactflow(nodes, edges, background())

  



# apply custom styling
reactflow(nodes, edges, background(
  color = "lightgreen",
  size = 15,
  variant = "cross", # see also "dots" and "lines"
  gap = 50,
  lineWidth = 2
))

  



# add two backgrounds
reactflow(
  nodes,
  edges,
  background(
    id = "1",
    color = "black",
    variant = "lines",
    gap = 10
  ),
  background(
    id = "2",
    color = "darkgray",
    variant = "lines"
  )
)