SidebarInput.vue 460 B

12345678910111213141516171819202122
  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="sidebar-input"
  12. data-sidebar="input"
  13. :class="cn(
  14. 'bg-background h-8 w-full shadow-none',
  15. props.class,
  16. )"
  17. >
  18. <slot />
  19. </Input>
  20. </template>