Merge pull request #25 from nvisionative/release/1.1.0

Release/1.1.0
nvisionative · Jul 17, 2024 · 3141c25 · 3141c25
2 parents b8ad594 + 29c3d61
commit 3141c25
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/components/nvq-loan-calculator/nvq-loan-calculator.tsx b/src/components/nvq-loan-calculator/nvq-loan-calculator.tsx
@@ -4,6 +4,7 @@ import { Component, Host, Prop, h, State } from '@stencil/core';
  * A loan calculator component.
  * @slot heading - Can be used to inject heading content on top of the calculator.
  * @slot examples - Can be used to inject examples content on the left side of the calculator.
+ * @slot monthly-payment-footer - Can be used to inject footer content below the monthly payment.
  * @slot footnote - Can be used to inject footnote content below the calculator.
  * */
 @Component({
@@ -228,7 +229,8 @@ export class NvqLoanCalculator {
         <div class="result">
           <h4 class="text-center">{this.monthlyPaymentLabel}<sup>‡</sup></h4>
           <span class="output">${this.calculatePayment()}</span>
-            <p class="disclaimer"><sup>‡</sup>{this.monthlyPaymentDisclaimer}</p>
+          <p class="disclaimer"><sup>‡</sup>{this.monthlyPaymentDisclaimer}</p>
+          <slot name="monthly-payment-footer"></slot>
         </div>
       </div>
       <slot name="footnote">

diff --git a/src/components/nvq-loan-calculator/readme.md b/src/components/nvq-loan-calculator/readme.md
@@ -25,11 +25,12 @@ A loan calculator component.
 
 ## Slots
 
-| Slot         | Description                                                                |
-| ------------ | -------------------------------------------------------------------------- |
-| `"examples"` | Can be used to inject examples content on the left side of the calculator. |
-| `"footnote"` | Can be used to inject footnote content below the calculator.               |
-| `"heading"`  | Can be used to inject heading content on top of the calculator.            |
+| Slot                       | Description                                                                |
+| -------------------------- | -------------------------------------------------------------------------- |
+| `"examples"`               | Can be used to inject examples content on the left side of the calculator. |
+| `"footnote"`               | Can be used to inject footnote content below the calculator.               |
+| `"heading"`                | Can be used to inject heading content on top of the calculator.            |
+| `"monthly-payment-footer"` | Can be used to inject footer content below the monthly payment.            |
 
 
 ## CSS Custom Properties