Insurance Billing Description Component

This component is composed of a FlexCard and the LWC compiled from the FlexCard:

• FlexCard: insBillingDescription_nds

• LWC: cfInsBillingDescription_nds

• Label: Insurance Billing Description Newport

This component is designed for desktop and mobile.

This component is styled with the Newport Design System.

Here's what the Insurance Billing Description component looks like when it's rendered in the Policyholder site:

The parts of this component are:

1. Text label:

   What's Due

2. Billing description displayed in a child component.

   Read about the Billing Description Child component hereInsurance Billing Description Child Component.

What Your Users Can Do on this Component

Once you have configured the placeholder links in the child component to your specifications, you Policyholder site users can:

• Click the Make Payment button to make a payment

• Click the View Statement button to view the account statement

• Click the Manage Payment Method button to update their payment details

FlexCard Structure

This FlexCard contains:

• A text element that displays the label we chose:

  What's Due

• Child FlexCard: insBillingDescriptionChild_nds

You can add, remove, and change any of these elements based on what you want your users to see. To learn how see Add Elements to a FlexCard. Other good topics to read to learn about how this FlexCard works include FlexCards Display Elements Reference, FlexCards Menu Properties, and FlexCards Action Properties.

Many of the elements of this card contain Custom CSS styles. You can make changes to these styles to create a different look and feel. To learn how to work with Custom CSS in FlexCards, see Apply Custom CSS to a FlexCard Element .

Customize this Component

To learn about how to customize this kind of component, see the Digital Experience Site Component Customization Overview