diff --git a/src/pages/05_quotation/QuotationFormReceipt.vue b/src/pages/05_quotation/QuotationFormReceipt.vue
index 04d84825..103188a7 100644
--- a/src/pages/05_quotation/QuotationFormReceipt.vue
+++ b/src/pages/05_quotation/QuotationFormReceipt.vue
@@ -2,6 +2,13 @@
 import { formatNumberDecimal } from 'stores/utils';
 import { dateFormatJS } from 'src/utils/datetime';
 
+import { MainButton, ViewButton } from 'components/button';
+
+defineEmits<{
+  (e: 'view', index: number): void;
+  (e: 'example', index: number): void;
+}>();
+
 withDefaults(
   defineProps<{
     payType: string;
@@ -36,6 +43,15 @@ withDefaults(
     </aside>
 
     <aside class="column col q-py-md text-right self-center q-px-md">
+      <div class="q-gutter-x-xs">
+        <MainButton
+          icon="mdi-play-box-outline"
+          color="207 96% 32%"
+          @click="() => $emit('example', index)"
+        />
+
+        <ViewButton icon-only @click="() => $emit('example', index)" />
+      </div>
       <span class="app-text-positive text-weight-bold text-body1">
         {{ $t('quotation.receiptDialog.receiptIssued') }}
       </span>