InputGroupInput.vue 478 B

12345678910111213141516171819
  1. <script setup lang="ts">
  2. import type { HTMLAttributes } from "vue"
  3. import { cn } from '@/Packages/Shadcn/Lib/utils'
  4. import { Input } from '@/Packages/Shadcn/Components/ui/input'
  5. const props = defineProps<{
  6. class?: HTMLAttributes["class"]
  7. }>()
  8. </script>
  9. <template>
  10. <Input
  11. data-slot="input-group-control"
  12. :class="cn(
  13. 'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',
  14. props.class,
  15. )"
  16. />
  17. </template>