From 5b8851b6c268d0e93c158908fbfae9f8473db5ff Mon Sep 17 00:00:00 2001
From: Orangerot <purple@orangerot.dev>
Date: Wed, 19 Jun 2024 00:14:49 +0200
Subject: Initial commit

---
 .../src/components/FloatingLabelInput.vue          | 35 ++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 pse-dashboard/src/components/FloatingLabelInput.vue

(limited to 'pse-dashboard/src/components/FloatingLabelInput.vue')

diff --git a/pse-dashboard/src/components/FloatingLabelInput.vue b/pse-dashboard/src/components/FloatingLabelInput.vue
new file mode 100644
index 0000000..6f718fd
--- /dev/null
+++ b/pse-dashboard/src/components/FloatingLabelInput.vue
@@ -0,0 +1,35 @@
+<script setup>
+defineProps({
+    type: {
+        type: String,
+        default: "text"
+    },
+    label: {
+        type: String,
+        default: "Text"
+    },
+    modelValue: {
+        type: String,
+        default: ""
+    }
+});
+defineEmits(['update:modelValue']);
+
+</script>
+<template>
+    <div class="form-floating form-input">
+        <input
+            :id="$.uid"
+            :type="type"
+            class="form-control"
+            :value="modelValue"
+            :placeholder="label"
+            required
+            @input="$emit('update:modelValue', $event.target.value)"
+        >
+        <label :for="$.uid">{{ label }}</label>
+    </div>
+</template>
+<style scoped>
+</style>
+
-- 
cgit v1.2.3

