CommonLink.story.vue 730 B

123456789101112131415161718192021222324
  1. <!-- Copyright (C) 2012-2023 Zammad Foundation, https://zammad-foundation.org/ -->
  2. <script setup lang="ts">
  3. import CommonLink from './CommonLink.vue'
  4. </script>
  5. <template>
  6. <Story title="CommonLink">
  7. <Variant title="Basic">
  8. <CommonLink link="https://www.google.com">A test Link</CommonLink>
  9. </Variant>
  10. <Variant title="External">
  11. <CommonLink link="https://www.google.com" is-external open-in-new-tab>
  12. A test Link
  13. </CommonLink>
  14. </Variant>
  15. <Variant title="Router">
  16. <CommonLink link="/login" is-route> A test Link </CommonLink>
  17. </Variant>
  18. <Variant title="Disabled">
  19. <CommonLink link="/login" disabled> A test Link </CommonLink>
  20. </Variant>
  21. </Story>
  22. </template>