Link ​

<template>
  <div>
    <tu-link>default</tu-link>
    <tu-link type="primary">primary</tu-link>
    <tu-link type="success">success</tu-link>
    <tu-link type="warning">warning</tu-link>
    <tu-link type="danger">danger</tu-link>
    <tu-link type="info">info</tu-link>
  </div>
</template>
<style scoped>
.tu-link {
  margin-right: 8px;
}

</style>

<template>
  <div>
    <tu-link>default</tu-link>
    <tu-link type="primary">primary</tu-link>
    <tu-link type="success">success</tu-link>
    <tu-link type="warning">warning</tu-link>
    <tu-link type="danger">danger</tu-link>
    <tu-link type="info">info</tu-link>
  </div>
</template>
<style scoped>
.tu-link {
  margin-right: 8px;
}

</style>

<template>
  <div>
    <tu-link disabled>default</tu-link>
    <tu-link type="primary" disabled>primary</tu-link>
    <tu-link type="success" disabled>success</tu-link>
    <tu-link type="warning" disabled>warning</tu-link>
    <tu-link type="danger" disabled>danger</tu-link>
    <tu-link type="info" disabled>info</tu-link>
  </div>
</template>
<style scoped>
.tu-link {
  margin-right: 8px;
}
</style>

<template>
  <div>
    <tu-link disabled>default</tu-link>
    <tu-link type="primary" disabled>primary</tu-link>
    <tu-link type="success" disabled>success</tu-link>
    <tu-link type="warning" disabled>warning</tu-link>
    <tu-link type="danger" disabled>danger</tu-link>
    <tu-link type="info" disabled>info</tu-link>
  </div>
</template>
<style scoped>
.tu-link {
  margin-right: 8px;
}
</style>

<template>
  <div>
    <tu-link :underline="false">Without Underline</tu-link>
    <tu-link>With Underline</tu-link>
  </div>
</template>
<style scoped>
.tu-link {
  margin-right: 8px;
}
</style>

<template>
  <div>
    <tu-link :underline="false">Without Underline</tu-link>
    <tu-link>With Underline</tu-link>
  </div>
</template>
<style scoped>
.tu-link {
  margin-right: 8px;
}
</style>

<template>
  <tu-link :icon="Edit">Edit</tu-link>

  <tu-link>
    Loading<tu-icon><Loading /></tu-icon>
  </tu-link>
</template>

<script lang="ts" setup>
import { Edit, Loading } from '@tu-view-plus/icons-vue';
</script>

<style scoped>
.tu-link {
  margin-right: 8px;
}
</style>

<template>
  <tu-link :icon="Edit">Edit</tu-link>

  <tu-link>
    Loading<tu-icon><Loading /></tu-icon>
  </tu-link>
</template>

<script lang="ts" setup>
import { Edit, Loading } from '@tu-view-plus/icons-vue';
</script>

<style scoped>
.tu-link {
  margin-right: 8px;
}
</style>