Add color to the node

[BrittoAlbin]

How to add color to the nodes dynamically

[iamppz]

Colors are currently not customizable, but I will add support for custom svg attributes (including background and border colors) in the next few days.

[BrittoAlbin]

Thanks for the reply. It would be better if you add one more property for color in NodeData props and provide flexibility to pass color.I think currently it is hard coded as white in nodes.Thanks.

[iamppz]

Please upgrade flowchart-react to 3.8.1, use containerProps & textProps to change node color:

const [nodes, setNodes] = useState<NodeData[]>([
  ...
  {
    x: 400,
    y: 240,
    id: 3,
    title: "Joyce",
    type: "operation",
    containerProps: {fill: "blue", stroke: "red"},
    textProps: {fill: "yellow"}
  },
]);

[BrittoAlbin]

Great work.Thanks.