Frontend/src/components/xml/tooltips/TooltipController.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+    <div class="flex flex-row">
+        <button class="grow-0 tool-button ">&lt;</button>
+        <div id="content" class="w-1/3">fdfgjoejgioej</div>
+    </div>
+</template>

Frontend/src/views/XPathView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import xmlInputFieldComponent from '@/components/xml/XmlInputFieldComponent.vue';
 import xmlOutputFieldComponent from '@/components/xml/XmlOutputFieldComponent.vue';
+import tooltipController from '@/components/xml/tooltips/TooltipController.vue';
 import { ref } from 'vue';
 
 
@@ -16,5 +17,6 @@ const query = ref('');
             <xmlInputFieldComponent stylized-name="XPath" :data="query" @update="(data) => {query = data}"></xmlInputFieldComponent>
         </div>
         <xmlOutputFieldComponent tool="xpath" :xml="xml" :query="query"></xmlOutputFieldComponent>
+        <tooltipController></tooltipController>
     </div>
 </template>