quasar-ui-danx 0.0.45 → 0.0.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/Utility/Formats/LabelValueFormat.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <div class="text-xs font-bold">{{ label }}</div>
+    <div :class="{'mt-2': !dense, 'mt-1': dense, 'text-no-wrap': nowrap}">
+      <slot>{{ value || "-" }}</slot>
+    </div>
+  </div>
+</template>
+<script setup>
+defineProps({
+  label: {
+    type: String,
+    required: true
+  },
+  value: {
+    type: [String, Number],
+    default: "-"
+  },
+  dense: Boolean,
+  nowrap: Boolean
+});
+</script>

package/src/components/Utility/Formats/index.ts

@@ -2,3 +2,4 @@ export { default as AddressFormat } from "./AddressFormat.vue";
 export { default as FlatListFormat } from "./FlatListFormat.vue";
 export { default as GpsCoordinatesFormat } from "./GpsCoordinatesFormat.vue";
 export { default as IconWithTextFormat } from "./IconWithTextFormat.vue";
+export { default as LabelValueFormat } from "./LabelValueFormat.vue";