The Basket Small component is a small version of the basket widget.

<basket-small></basket-small>

From here, the user can view what’s currently in their basket as well as remove items.

Configuration options

The following configuration options are currently available for the Small Basket Widget:

template
This is which version of the widget is used. Default value is set to 1.

loading-panel
This is a boolean value that will detemine whether or not a loading panel will show over the component while its initialising and doing initial API calls. The default value is false.

min-height
Min-height is the minimum height of the component in px. Important to set a value here if you want the loading panels to look good. Default value is 0.

show-tyre-slot-description
This is a boolean value that will show or hide the description of the tyre slot type specifically.

allow-delete
This is a boolean value that will show or hide the trash button against each basket item. The default is true.

Example code

<basket-small loading-panel="true" template="1" min-height="300"></basket-small>