InputGroupText.vue 425 B

12345678910111213141516171819
  1. <script setup lang="ts">
  2. import type { HTMLAttributes } from "vue"
  3. import { cn } from '@/Packages/Shadcn/Lib/utils'
  4. const props = defineProps<{
  5. class?: HTMLAttributes["class"]
  6. }>()
  7. </script>
  8. <template>
  9. <span
  10. :class="cn(
  11. 'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
  12. props.class,
  13. )"
  14. >
  15. <slot />
  16. </span>
  17. </template>