Bike Selector

The core component required for all SDK implementations.

This is an overlay which allows for selecting bikes, modifying bikes in the workshop and choosing product categories to find compatibility with.

Component Details

The bike selector component needs to be added somewhere in your HTML. It has no attributes.

<bikematrix-bikeselector></bikematrix-bikeselector>

A button will then be needed to open the bike selector.

<button id="bm_selectBikeButton">Select Bike</button>
<bikematrix-bikeselector></bikematrix-bikeselector>

We also provide Bikon and Bike Banner web components to open the bike selector.

This component can use some core configuration. A detailed overview of configuration can be found in the Configuration section.

Option	Type	Required	Description	Example
`bikeSelectorBrands`	string	No	Comma separated list of bike brands to include. Empty string includes all bike brands. Default value is an empty string.	`"Trek,Cube"`
`virtualWorkshop`	boolean	No	Whether to enable virtualWorkshop. True by default.	`true`