diff --git a/.changeset/thin-beans-wait.md b/.changeset/thin-beans-wait.md new file mode 100644 index 00000000..82633d86 --- /dev/null +++ b/.changeset/thin-beans-wait.md @@ -0,0 +1,5 @@ +--- +"@vue-flow/core": minor +--- + +Allow passing a Record as class to node/edge objects diff --git a/.changeset/thirty-days-retire.md b/.changeset/thirty-days-retire.md new file mode 100644 index 00000000..003aa9ef --- /dev/null +++ b/.changeset/thirty-days-retire.md @@ -0,0 +1,5 @@ +--- +"@vue-flow/core": minor +--- + +Allow passing an array of strings as class to node/edge objects diff --git a/packages/core/src/types/edge.ts b/packages/core/src/types/edge.ts index 535dd0b0..a08ca937 100644 --- a/packages/core/src/types/edge.ts +++ b/packages/core/src/types/edge.ts @@ -92,7 +92,7 @@ export interface DefaultEdge< /** Disable/enable deleting edge */ deletable?: boolean /** Additional class names, can be a string or a callback returning a string (receives current flow element) */ - class?: string | ClassFunc> + class?: string | string[] | Record | ClassFunc> /** Additional styles, can be an object or a callback returning an object (receives current flow element) */ style?: Styles | StyleFunc> /** Is edge hidden */ diff --git a/packages/core/src/types/node.ts b/packages/core/src/types/node.ts index f098de62..582e1ef3 100644 --- a/packages/core/src/types/node.ts +++ b/packages/core/src/types/node.ts @@ -90,7 +90,7 @@ export interface Node> + class?: string | string[] | Record | ClassFunc> /** Additional styles, can be an object or a callback returning an object (receives current flow element) */ style?: Styles | StyleFunc> /** Is node hidden */