examples: move current examples into examples/vite

2022-06-03 19:32:46 +02:00
parent c6bda81c5e
commit 8dd7c79700
68 changed files with 94 additions and 91 deletions
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import type { NodeProps } from '../../packages/vue-flow'
+import { Handle, Position } from '../../packages/vue-flow'
+
+interface RBGOutputNodeProps extends NodeProps {
+  rgb: string
+}
+
+const props = defineProps<RBGOutputNodeProps>()
+</script>
+
+<template>
+  <div :style="{ backgroundColor: props.rgb }" class="rgb-output-node">
+    <div class="text-md uppercase">{{ props.rgb }}</div>
+    <Handle type="target" :position="Position.Left" />
+  </div>
+</template>
+
+<style>
+.rgb-output-node {
+  padding: 9px;
+  border-radius: 25px;
+  text-align: left;
+  color: white;
+}
+</style>