bp-sdk-quote-request-product
Custom element hooks
| Name | Description |
|---|---|
bp-sdk-external-quote-request-product | disable html |
Classes
| Name | Description |
|---|---|
bp-sdk-quote-request-product__container | Root div element |
bp-sdk-online-quote__product | Div element wrapping product description |
bp-sdk-online-quote__product-name | H2 element with product name |
bp-sdk-online-quote__coverages | Div element with list of coverage information |
bp-sdk-online-quote__coverages-disclaimer-text-container | Div element containing commercial auto disclaimer text |
bp-sdk-online-quote__coverages-disclaimer-text | Div element containing commercial auto disclaimer text |
Shared Classes
These classes are on both online and offline quotes if you would like to share styling for both types of quotes
| Name | Description |
|---|---|
bp-sdk-quote__product | Div element wrapping product description |
bp-sdk-quote__product-name | H2 element with product name |
bp-sdk-quote__coverages | Div element with list of coverage information |
bp-sdk-quote__coverages-disclaimer-text-container | Div element containing commercial auto disclaimer text |
bp-sdk-quote__coverages-disclaimer-text | Div element containing commercial auto disclaimer text |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
limits | -- | Coverage limits | ICoverageLabel[] | [] |
name | name | Carrier name | string | undefined |
vehicles | -- | Vehicle coverage limits | ICoverageVehicle[] | [] |
Dependencies
Used by
Depends on
Graph
graph TD;
bp-sdk-quote-request-product --> bp-sdk-quote-request-coverage-list
bp-sdk-quote-request-product --> bp-sdk-quote-request-vehicle-coverage
bp-sdk-quote-request-coverage-list --> bp-sdk-quote-request-coverage-item-container
bp-sdk-quote-request-coverage-item-container --> bp-sdk-quote-request-coverage-item
bp-sdk-quote-request-vehicle-coverage --> bp-sdk-quote-request-coverage-list
bp-sdk-quote-request-product-container --> bp-sdk-quote-request-product
style bp-sdk-quote-request-product fill:#f9f,stroke:#333,stroke-width:4px
Built with StencilJS