@iamproperty/components 2.7.9 → 3.0.0

package/src/elements/FileUploads/FileUploads.vue

@@ -1,48 +1,48 @@
-<template>
-  <div class="multiple-file-uploads mb-4">
-
-    <div class="row">
-      <div :class="`${inputcolclass ? inputcolclass : 'col-12 col-sm-4'}`">
-        <Input type="file" :id="id" :name="`${id}[]`" label="Add new file" labelclass="d-none" class="form-control-inline col" required :data-filesize="maxfilesize"></Input>
-      </div>
-      <div class="col-12 col-md me-auto">
-        <slot></slot>
-      </div>
-      <div class="col mw-fit-content">
-        <button type="button" class="btn btn-tertiary me-0" data-delete>Delete</button>
-      </div>
-    </div>
-
-    <button type="button" class="btn btn-secondary me-0" data-add :data-maxfiles="maxfiles">+ Add file</button>
-    
-  </div>
-</template>
-
-<script>
-import Input from '../../elements/Input/Input.vue'
-
-export default {
-  components: {
-    Input
-  },
-  name: 'FileUploads',
-  props: {
-    id: {
-      type: String,
-      required: true
-    },
-    inputcolclass: {
-      type: String,
-      required: false
-    },
-    maxfilesize: {
-      type: Number,
-      required: false
-    },
-    maxfiles: {
-      type: Number,
-      required: false
-    }
-  }
-}
-</script>
+<template>
+  <div class="multiple-file-uploads mb-4">
+
+    <div class="row">
+      <div :class="`${inputcolclass ? inputcolclass : 'col-12 col-sm-4'}`">
+        <Input type="file" :id="id" :name="`${id}[]`" label="Add new file" labelclass="d-none" class="form-control-inline col" required :data-filesize="maxfilesize"></Input>
+      </div>
+      <div class="col-12 col-md me-auto">
+        <slot></slot>
+      </div>
+      <div class="col mw-fit-content">
+        <button type="button" class="btn btn-tertiary me-0" data-delete>Delete</button>
+      </div>
+    </div>
+
+    <button type="button" class="btn btn-secondary me-0" data-add :data-maxfiles="maxfiles">+ Add file</button>
+    
+  </div>
+</template>
+
+<script>
+import Input from '../../elements/Input/Input.vue'
+
+export default {
+  components: {
+    Input
+  },
+  name: 'FileUploads',
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    inputcolclass: {
+      type: String,
+      required: false
+    },
+    maxfilesize: {
+      type: Number,
+      required: false
+    },
+    maxfiles: {
+      type: Number,
+      required: false
+    }
+  }
+}
+</script>

package/src/elements/FileUploads/README.md

@@ -1,24 +1,24 @@
-### Usage
-
-```
-<Card :title="value.title" :content="value.content" :link="value.link"></Card>
-```
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| title | String | - | Used for the card heading |
-| titleclass | String | h2 | Update the class of the title from being a h2 |
-| subtitle | String | - | Optional sub heading |
-| content | HTML | - | Card content |
-| link | String | - | Card link |
-| type | String | - | Change the type of card (simple,quick)|
-| btntype | String | secondary | Change the type of button at the bottom of the card (primary,secondary,tertairy, link) |
-| ctatext | String | Find out more | Update the cta text within the button at the bottom of the card |
-| details | Object | - | Build up the card content with pre-defined bits of data |
-| - detail.tags | Array of strings | - | Add tags above the card header |
-| - detail.guideprice | String | - | Property guide price |
-| - detail.auctiontime | String | - | Auction time left |
-| - detail.readtime | String | - | How long it will take to read |
-| - detail.status | String | - | Display a status badge at the top of the card |
+### Usage
+
+```
+<Card :title="value.title" :content="value.content" :link="value.link"></Card>
+```
+
+### Properties
+
+| Option | Type | Default Value | Description |
+| ------ | ---- | ------------- | ----------- |
+| title | String | - | Used for the card heading |
+| titleclass | String | h2 | Update the class of the title from being a h2 |
+| subtitle | String | - | Optional sub heading |
+| content | HTML | - | Card content |
+| link | String | - | Card link |
+| type | String | - | Change the type of card (simple,quick)|
+| btntype | String | secondary | Change the type of button at the bottom of the card (primary,secondary,tertairy, link) |
+| ctatext | String | Find out more | Update the cta text within the button at the bottom of the card |
+| details | Object | - | Build up the card content with pre-defined bits of data |
+| - detail.tags | Array of strings | - | Add tags above the card header |
+| - detail.guideprice | String | - | Property guide price |
+| - detail.auctiontime | String | - | Auction time left |
+| - detail.readtime | String | - | How long it will take to read |
+| - detail.status | String | - | Display a status badge at the top of the card |