CommonInputSearch.story.vue 536 B

1234567891011121314151617181920
  1. <!-- Copyright (C) 2012-2023 Zammad Foundation, https://zammad-foundation.org/ -->
  2. <script setup lang="ts">
  3. import { ref } from 'vue'
  4. import CommonInputSearch from './CommonInputSearch.vue'
  5. const textDefault = ref('Search Word')
  6. const textNoBorder = ref('No Border On Click')
  7. </script>
  8. <template>
  9. <Story>
  10. <Variant title="Default">
  11. <CommonInputSearch v-model="textDefault" />
  12. </Variant>
  13. <Variant title="No Border">
  14. <CommonInputSearch v-model="textNoBorder" no-border />
  15. </Variant>
  16. </Story>
  17. </template>