Open TissyashriS opened 1 month ago
position of the suffix is incorrect while its changed manually its working but by default it isn't working
<template> <div class="w-[500px] h-[40px] m-10 flex justify-center items-center"> <FwbInput v-model="query" label="Search" placeholder="enter your search query" size="lg" > <template #prefix> <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> </svg> </template> <template #suffix> <FwbButton>Search</FwbButton> </template> </FwbInput> </div> </template> <script lang="ts" setup> import { ref } from 'vue' import { FwbButton, FwbInput } from 'flowbite-vue' const query = ref('') </script>
The code you gave in the stackblitz link below works fine. I think the problem is caused by something else. Could you please post the entire code.Make sure you don't change the style elsewhere
Stackblitz
position of the suffix is incorrect while its changed manually its working but by default it isn't working