fix: button content not variable

DanericNetwork · Jan 11, 2024 · 61aa5cd · 61aa5cd
1 parent 03bfca4
commit 61aa5cd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/resources/vue/components/terminal-scan.vue b/src/resources/vue/components/terminal-scan.vue
@@ -10,7 +10,7 @@
 					<Icon v-if="!text" :icon="icon" size="52px" />
 					<Input type="text" :placeholder="placeholder" class="text-medium" />
 				</div>
-				<Button content="Zoek" :buttonAction="searchInput" />
+				<Button :content="buttonText" :buttonAction="searchInput" />
 			</div>
 		</Box>
 	</div>
@@ -51,6 +51,10 @@
 				type: String,
 				default: 'default',
 			},
+			buttonText: {
+				type: String,
+				default: 'Button',
+			},
 		},
 	};
 

diff --git a/src/resources/vue/pages/index.vue b/src/resources/vue/pages/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="terminal-content">
     <span class="terminal-title">Scan uw pas om te lenen, <br> of een artikel om terug te brengen</span>
-    <TerminalScan text="" icon="scan-icon" direction="row" placeholder="101010101" />
+    <TerminalScan text="" buttonText="Zoeken" icon="scan-icon" direction="row" placeholder="101010101" />
   </div>
 </template>
 <script>