classcard-ui 0.2.830 → 0.2.831

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.830",
+  "version": "0.2.831",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CMultiselect/CMultiselect.vue

@@ -104,7 +104,19 @@
             class="mr-2"
           ></c-avatar>
           <div class="w-full hover:text-white">
-            <p>{{ option[optionLabel] }}</p>
+            <div class="flex items-center">
+              <p>{{ option[optionLabel] }}</p>
+              <!-- <c-tag v-if="tags" label="Something" color="gray"></c-tag> -->
+              <div class="ml-3">
+                <span
+                  v-if="tags"
+                  class="inline-flex rounded-md bg-gray-400 px-2 py-px text-sm leading-5 text-white"
+                >
+                  {{ option.type }}
+                </span>
+              </div>
+            </div>
+
             <p class="text-xs" v-if="option.description">
               {{ option.description }}
             </p>
@@ -252,6 +264,10 @@ export default {
     helpText: {
       type: String,
     },
+    tags: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {},
   data() {

package/src/stories/CMultiselect.stories.js

@@ -88,17 +88,20 @@ Default.args = {
       text: "Packages",
       initials: "AS",
       children: [{ id: "15820_Package", text: "Mathematics" }],
+      description: "Some descriptions",
     },
     {
       text: "Packages",
       initials: "AS",
       children: [{ id: "15820_Package", text: "Mathematics" }],
       details: "something@gmail.com",
+      description: "Some descriptions",
     },
     {
       text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ",
       children: [{ id: "15820_Package", text: "Mathematics" }],
       details: "something@gmail.com",
+      description: "Some descriptions",
     },
   ],
   optionLabel: "text",