@appscode/design-system 1.0.3-alpha.7 → 1.0.43-alpha.4

package/vue-components/v3/tabs/EditorTabs.vue

@@ -0,0 +1,36 @@
+<template>
+  <tabs-body class="mt-20">
+    <tabs class="is-line">
+      <tab-item :is-active="activeTab === 'edit'">
+        <a @click.prevent="$emit('tabchange', 'edit')">Edit</a>
+      </tab-item>
+      <tab-item :is-active="activeTab === 'preview'">
+        <a @click.prevent="$emit('tabchange', 'preview')">Preview Changes</a>
+      </tab-item>
+    </tabs>
+  </tabs-body>
+</template>
+
+<script>
+import { defineComponent, defineAsyncComponent } from "vue";
+export default defineComponent({
+  props: {
+    activeTab: {
+      type: String,
+      default: "",
+    },
+  },
+  emits: ["tabchange"],
+  components: {
+    TabsBody: defineAsyncComponent(() =>
+      import("../../v2/tab/TabsBody.vue").then((module) => module.default)
+    ),
+    Tabs: defineAsyncComponent(() =>
+      import("../../v2/tab/Tabs.vue").then((module) => module.default)
+    ),
+    TabItem: defineAsyncComponent(() =>
+      import("../tab/TabItem.vue").then((module) => module.default)
+    ),
+  },
+});
+</script>

package/vue-components/v3/tag/Tag.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="tag" :class="modifierClasses">
+    <slot />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from "vue";
+export default defineComponent({
+  props: {
+    modifierClasses: {
+      type: String,
+      default: "",
+    },
+  },
+});
+</script>