Files
chatwoot/app/javascript/dashboard/components/ui/HelperTextPopup.vue
2025-07-01 09:43:44 +05:30

26 lines
564 B
Vue

<script setup>
defineProps({
message: {
type: String,
default: '',
},
});
</script>
<template>
<div class="relative group w-[inherit] whitespace-normal z-20">
<fluent-icon
icon="info"
size="14"
class="mt-0.5 text-n-slate-11 absolute"
/>
<div
class="bg-n-background w-fit ltr:left-4 rtl:right-4 top-0 border p-2.5 group-hover:flex items-center hidden absolute border-n-weak rounded-lg shadow-md"
>
<p class="text-n-slate-12 mb-0 text-xs">
{{ message }}
</p>
</div>
</div>
</template>