# ChargeSummary
A useful component for displaying the breakdown of charges which comprise a charge for a product or service.
Monthly Budget
$2,800
Taxes
$148
Company Fees
$25
TOTAL CHARGE
$2,971
# Selector
NioChargeSummary
# Props
| Prop name | Type | Required | Default value |
|---|---|---|---|
| lineItems | Array[Object] | Yes | |
| rebillingMessage | String | No | "You will be rebilled for your subscription after 30 days" |
# lineItems
An array of objects detailing the individual items lin the total charge. Must adhere to the following schema:
{
name: String,
value: Number
}
TIP
FOr presentational purposes, all currency values are rounded to the nearest whole number ($1.99 will be displayed as $2). However, the total amount will still be calculated using the unaltered individual values.
# Events
This component does not emit any events
# Slots
# append-content
A slot provided for adding a custom support message and/or customer service link. If this slot is not used, a default support message containing a link to Narrative's Help Center will be displayed.