Loading
Prepare for Email to Become the Default Login ExperienceRead More
The online Trailblazer Community becomes read-only Oct 30, 2026Read More
Important Advisory: iOS Update Impacting CG Mobile ApplicationRead More
Insurance
Insurance Policy List Flyout Component

Insurance Policy List Flyout Component

Show your Policyholder site users a breakdown of the policy premium, taxes, and fees right on the policy list with the Insurance Policy List Flyout Component. The Insurance Policy List Flyout component is a child of the Insurance Policy List, Mobile Insurance Policy List, and Insurance Policy Details components.

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

  • FlexCard: insPolicyListFlyout_nds

  • LWC: cfInsPolicyListFlyout_nds

This component is designed for desktop and mobile.

This component is styled with the Newport Design System.

Here's what the Insurance Policy List Flyout component looks like when it's rendered in the Policyholder site:

Illustrates how the component renders in the UI.

The parts of this component are:

  1. The policy premium

  2. The taxes

  3. The fees

FlexCard Structure

Illustrates the FlexCard structure.

This FlexCard contains lots of elements, including:

  • Text elements that display labels we typed in

  • Field elements with output selected from available fields returned from the data source

Note
Note

The Insurance Policy List Flyout component doesn't call a Data Source. Instead, the parent component needs to pass records in the Data Node import in the action that call this component.

Customize this Component

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

 
Loading
Salesforce Help | Article