feat(node): add as property to allow custom HTML elements

examples/react/src/examples/A11y/index.tsx

@@ -22,19 +22,17 @@ const initialNodes: Node[] = [
     type: 'input',
     data: { label: 'A11y Node 1' },
     position: { x: 250, y: 5 },
-    className: 'light',
   },
   {
     id: '2',
-    data: { label: 'Node 2' },
+    data: { label: '<ul> Node' },
     position: { x: 100, y: 100 },
-    className: 'light',
+    as: 'ul',
   },
   {
     id: '3',
     data: { label: 'Node 3' },
     position: { x: 400, y: 100 },
-    className: 'light',
   },
 ];
 

examples/svelte/src/routes/examples/a11y/+page.svelte

@@ -13,10 +13,9 @@
 		{
 			id: 'A',
 			position: { x: 0, y: 0 },
-			data: { label: 'A' },
-			
+			data: { label: 'A' },	
 		},
-		{ id: 'B', position: { x: -100, y: 150 }, data: { label: 'B' } },
+		{ id: 'B', position: { x: -100, y: 150 }, data: { label: '<ul> Node' }, as: 'ul' },
 		{ id: 'C', position: { x: 100, y: 150 }, data: { label: 'C' }  },
 		{ id: 'D', position: { x: 0, y: 260 }, data: { label: 'D' }  }
 	]);