Parcourir la source

feat: adiciona icon

ebagabee il y a 1 mois
Parent
commit
cbf865a88a
2 fichiers modifiés avec 10 ajouts et 1 suppressions
  1. 9 1
      src/components/defaults/DefaultInput.vue
  2. 1 0
      src/pages/login/LoginPage.vue

+ 9 - 1
src/components/defaults/DefaultInput.vue

@@ -18,6 +18,10 @@
         <template v-for="(_, slotName) in $slots" #[slotName]>
           <slot :name="slotName" />
         </template>
+
+        <template #append>
+          <q-icon v-if="icon" :name="icon" size="sm" color="secondary" />
+        </template>
       </q-input>
     </div>
   </div>
@@ -37,11 +41,15 @@ defineOptions({
   inheritAttrs: false,
 });
 
-const { label, nativeInputClass, inputClass, rules } = defineProps({
+const { label, nativeInputClass, inputClass, rules, icon } = defineProps({
   label: {
     type: String,
     default: "",
   },
+  icon: {
+    type: String,
+    default: "",
+  },
   rules: {
     type: Array,
     default: () => [],

+ 1 - 0
src/pages/login/LoginPage.vue

@@ -44,6 +44,7 @@
           v-model:error="validationErrors.email"
           type="email"
           lazy-rules
+          icon="mdi-account"
           :label="$t('common.terms.email')"
           :rules="[inputRules.required, inputRules.email]"
         />