InputGroupButton.vue 542 B

123456789101112131415161718192021
  1. <script setup lang="ts">
  2. import type { InputGroupButtonProps } from "."
  3. import { cn } from '@/Packages/Shadcn/Lib/utils'
  4. import { Button } from '@/Packages/Shadcn/Components/ui/button'
  5. import { inputGroupButtonVariants } from "."
  6. const props = withDefaults(defineProps<InputGroupButtonProps>(), {
  7. size: "xs",
  8. variant: "ghost",
  9. })
  10. </script>
  11. <template>
  12. <Button
  13. :data-size="props.size"
  14. :variant="props.variant"
  15. :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
  16. >
  17. <slot />
  18. </Button>
  19. </template>