Skip to content

Product card overview

<nsx-product-card-overview>

Overview

Showcases a group of products with their price, excess and other details.

Examples

Guidance

Implementation

Placement

The nsx-product-card-overview component can only be used as a child of the <ns-panel> element.

Specification

Attributes

initial-excess

Property
initialExcess
Description
The initial excess that will be selected option.
Type
number

excess

Property
excess
Description
The excess options.
Type
Array

price-heading

Property
priceheading
Description
The heading of the price.
Type
string
Default
Estimated Price

pricing

Property
pricing
Description
The pricing of the products.
Type
Array
Default
[]

type

Property
type
Type
string
Default
standard

Events

NameDescription
excess-change