x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="lui-payment_summary"> <div class="lui-payment_summary-price_row"> <span>Base Price</span> <span>162,00 €</span> </div> <div class="lui-payment_summary-price_row"> <span>Shipping</span> <span>22,00 €</span> </div> <div class="lui-payment_summary-price_row"> <span>Tax</span> <span>1,00 €</span> </div> <div class="lui-payment_summary-total_row"> <span>Total</span> <span>185,00 €</span> </div></div>Marketplace::PaymentSummary
Description
Related components
| Used Components | Components where is Used |
|---|---|
| Label |
Usage rules
- ✅ Do
- ❌ Don't
1
2
3
4
<%= render LooposUi::Marketplace::PaymentSummary.new(base_price: rand(1000).to_money, extra_fees: [ { description: "Shipping", price: rand(100).to_money }, { description: "Tax", price: rand(50).to_money }]) %>No notes provided.
No params configured.
PaymentSummary Component
Description
Marketplace::PaymentSummary is used for displaying payment information in marketplace contexts. It renders a structured display of pricing information including a base price, optional extra fees, and a calculated total.
Arguments
| Property | Default | Required | Description |
|---|---|---|---|
base_price |
0.to_money |
No | The base price of the item or service |
extra_fees |
[] |
No | Array of additional fees with description (String) and price (Money) |
Usage Examples
Basic Usage (Base Price Only)
<%= render LooposUi::Marketplace::PaymentSummary.new( base_price: 2500.to_money) %>With Extra Fees
<%= render LooposUi::Marketplace::PaymentSummary.new( base_price: 2500.to_money, extra_fees: [ { description: "Shipping", price: 500.to_money }, { description: "Tax", price: 250.to_money } ]) %>