Lightning Web Components Library

This Nimble AMS Lightning Web Components library is a hub for developers, system administrators, or other association staff members who need to know the available LWCs that you can use for your business needs.

Built using new Lightning Web Component (LWC) technology, you're now able to use the power of the cloud-based Experience Builder site to easily design an experience for members to find and purchase products.

Lightning Web Components is the Salesforce (external) implementation of that new breed of lightweight frameworks built on web standards. It leverages custom elements, templates, shadow DOM, decorators, modules, and other new language constructs available in ECMAScript 7 and beyond.

Prerequisites

Salesforce Lightning Community is required to use the new Nimble AMS LWCs
You must already have a working knowledge of Salesforce’s Experience Builder Tools.

We recommend that you are familiar with using Experience Builder. If you are not, then access Salesforce Experience Builder documentation (external).

List of Lightning Web Components Used in Nimble AMS

Name of Component	Brief Description
Dynamic Grid	The Dynamic Grid LWC allows records from multiple data sources to be displayed dynamically in a card format. It can be configured through HTML templates.
Chapter Account Display	The Chapter Account Display LWC shows information about the chapter. It can be configured to use a specific chapter ID or to display dynamically based on a URL parameter.
Chapter Directory	The Chapter Directory LWC displays a list of members of the specified chapter. It can be configured to use a specific chapter ID or to display dynamically based on a URL parameter.
Chapter Directory Search	The Chapter Directory Search LWC works in conjunction with the Chapter Directory LWC to provide search capabilities.
Cross-Sell Carousel	The Cross-Sell Carousel LWC displays a list of suggested products to promote cross-selling of products.
Currency Menu	The Currency Menu LWC displays a set of currencies where you can view the product prices on Lightning pages. To select a display currency to view the product prices, select a currency from the menu on the lightning page.
Downloadable Products	The Downloadable Products LWC displays the downloadable purchases for the logged-in member and enables them to download a digital product after they've purchased it.
Donations	The Donations LWC functions by enabling logged-in members to make a one-time donation.
Order Checkout	The Order Checkout LWC displays the order details for the member during the checkout process. In addition to displaying the details of the order, the member/constituent will also be able to specify the shipping address, select shipping options as needed along with the mode of payment as they are checking out the products.
Payment Confirmation	The Payment Confirmation LWC shows the member the details of their order and that their payment has been approved.
Product Grid Filter	The Product Grid Filter LWC categorizes and displays merchandise and products that are available in your organization.
Product Grid	The Product Grid LWC is designed to display merchandise and products that are available in your organization.
Product Details	The Product Details LWC is what a product in the Product Grid LWC links to.
Product Item Details	The Product Item Details LWC is designed for the following reasons: It displays the details of the product available for purchase It allows a member/constituent to select the quantity It allows the member/constituent to use Buy Now or add the product to their shopping cart. .
Shopping Cart	The Shopping Cart LWC enables members to remove the product, change the quantity, and proceed to check out the product(s) that they want to purchase.
Event Spotlight	The Event Spotlight LWC enables the associations to advertise/spotlight crucial events for associations on any Lightning Page. It makes it easier for associations to reach their target audience and maximize attendance.
Event Catalog	Event Catalog LWC enables your association to showcase its upcoming events on the Experience Cloud Lightning pages that are visually appealing and modern. App Builders can choose a Grid, Table, or Compact layout based on how associations want to display their events to their constituents.
Event Details	The Event Details LWC displays detailed information about a particular event along with the Event Type, Event Image, Event Name, Start and end Date, and other related important details. This component can be placed on the Experience Cloud Lightning Page and provide the constituents with modern modern-looking user experience.
Event Filter	The Event Filter LWC on the Lightning page allows users to analyze upcoming event data based on specific criteria, such as Event Type, City, State, and Date Range so that users can refine their search and quickly find events that can meet their specific needs and requirements.
My Payment Methods	The My Payment Methods LWC on the Lightning page provides an easy-to-use interface that allows the association members to add new payment methods, manage the existing ones, and view all of their stored payment information on the Experience Cloud Community Hub or the Hybrid Community Hub (Visualforce CH + Experience Cloud CH).
My Orders	My Orders Lightning Web Component (LWC) displays a list of Orders once placed on the Experience Cloud Lightning page. My Orders LWC is powered by the Data Source API that lets the Admins plug the purpose-built data sources if required.