@timus-networks/theme 1.0.72 → 1.0.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@
7
7
  </p>
8
8
  <div class="grid grid-flow-col auto-cols-max gap-4">
9
9
  <el-link href="https://element.eleme.io" target="_blank">default</el-link>
10
- <el-link :type="item" v-for="(item, index) in colors" :key="index">{{ item }}</el-link>
10
+ <el-link v-for="(item, index) in colors" :key="index" :type="item">{{ item }}</el-link>
11
11
  </div>
12
12
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
13
13
  <p class="text-xs">
@@ -20,7 +20,7 @@
20
20
  <h1>Nuxt Link ile Kullanım</h1>
21
21
  <p class="p-lg my-6">El Link bileşenini Nuxt Link ile kullanabilirsiniz. Bu, Nuxt.js projelerinde sayfa geçişlerini kolaylaştırır.</p>
22
22
  <div class="grid grid-flow-col auto-cols-max gap-4">
23
- <NuxtLink to="/" v-for="(item, index) in colors" :key="index" :class="`el-link ${item}`"> Router: {{ item }} </NuxtLink>
23
+ <NuxtLink v-for="(item, index) in colors" :key="index" to="/" :class="`el-link ${item}`"> Router: {{ item }} </NuxtLink>
24
24
  </div>
25
25
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
26
26
  <p class="text-xs">
@@ -34,7 +34,7 @@
34
34
  <p class="p-lg my-6">El Link bileşenini devre dışı bırakmak için <code>disabled</code> özelliğini kullanabilirsiniz.</p>
35
35
  <div class="grid grid-flow-col auto-cols-max gap-4">
36
36
  <el-link disabled>default</el-link>
37
- <el-link :type="item" v-for="(item, index) in colors" :key="index" disabled>{{ item }}</el-link>
37
+ <el-link v-for="(item, index) in colors" :key="index" :type="item" disabled>{{ item }}</el-link>
38
38
  </div>
39
39
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
40
40
  <p class="text-xs">
@@ -84,7 +84,7 @@
84
84
  <p class="p-lg my-6">El Link bileşeni, metin veya bağlantı ile birlikte ikonlar eklemenize olanak tanır.</p>
85
85
  <div class="grid grid-flow-col auto-cols-max gap-4">
86
86
  <el-link type="primary" icon="el-icon-edit">Düzenle</el-link>
87
- <el-link type="primary">Onayla<i class="el-icon-view el-icon--right"></i> </el-link>
87
+ <el-link type="primary">Onayla<i class="el-icon-view el-icon--right" /> </el-link>
88
88
  </div>
89
89
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
90
90
  <p class="text-xs">
@@ -102,7 +102,7 @@ export default Vue.extend({
102
102
  name: 'TimusButtonSample',
103
103
  data() {
104
104
  return {
105
- colors: ['primary', 'secondary', 'gray', 'info', 'success', 'warning', 'danger'],
105
+ colors: ['primary', 'secondary', 'gray', 'light', 'success', 'danger', 'info', 'warning'],
106
106
  };
107
107
  },
108
108
  });
@@ -7,7 +7,7 @@
7
7
  </p>
8
8
  <div class="grid grid-flow-col auto-cols-max gap-4">
9
9
  <el-link href="https://element.eleme.io" target="_blank">default</el-link>
10
- <el-link :type="item" v-for="(item, index) in colors" :key="index">{{ item }}</el-link>
10
+ <el-link v-for="(item, index) in colors" :key="index" :type="item">{{ item }}</el-link>
11
11
  </div>
12
12
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
13
13
  <p class="text-xs">
@@ -20,7 +20,7 @@
20
20
  <h1>Nuxt Link ile Kullanım</h1>
21
21
  <p class="p-lg my-6">El Link bileşenini Nuxt Link ile kullanabilirsiniz. Bu, Nuxt.js projelerinde sayfa geçişlerini kolaylaştırır.</p>
22
22
  <div class="grid grid-flow-col auto-cols-max gap-4">
23
- <NuxtLink to="/" v-for="(item, index) in colors" :key="index" :class="`el-link ${item}`"> Router: {{ item }} </NuxtLink>
23
+ <NuxtLink v-for="(item, index) in colors" :key="index" to="/" :class="`el-link ${item}`"> Router: {{ item }} </NuxtLink>
24
24
  </div>
25
25
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
26
26
  <p class="text-xs">
@@ -34,7 +34,7 @@
34
34
  <p class="p-lg my-6">El Link bileşenini devre dışı bırakmak için <code>disabled</code> özelliğini kullanabilirsiniz.</p>
35
35
  <div class="grid grid-flow-col auto-cols-max gap-4">
36
36
  <el-link disabled>default</el-link>
37
- <el-link :type="item" v-for="(item, index) in colors" :key="index" disabled>{{ item }}</el-link>
37
+ <el-link v-for="(item, index) in colors" :key="index" :type="item" disabled>{{ item }}</el-link>
38
38
  </div>
39
39
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
40
40
  <p class="text-xs">
@@ -84,7 +84,7 @@
84
84
  <p class="p-lg my-6">El Link bileşeni, metin veya bağlantı ile birlikte ikonlar eklemenize olanak tanır.</p>
85
85
  <div class="grid grid-flow-col auto-cols-max gap-4">
86
86
  <el-link type="primary" icon="el-icon-edit">Düzenle</el-link>
87
- <el-link type="primary">Onayla<i class="el-icon-view el-icon--right"></i> </el-link>
87
+ <el-link type="primary">Onayla<i class="el-icon-view el-icon--right" /> </el-link>
88
88
  </div>
89
89
  <div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
90
90
  <p class="text-xs">
@@ -102,7 +102,7 @@ export default Vue.extend({
102
102
  name: 'TimusButtonSample',
103
103
  data() {
104
104
  return {
105
- colors: ['primary', 'secondary', 'gray', 'info', 'success', 'warning', 'danger'],
105
+ colors: ['primary', 'secondary', 'gray', 'light', 'success', 'danger', 'info', 'warning'],
106
106
  };
107
107
  },
108
108
  });