How can I have a value pre-selected for a range slider?

There is an easy way to pre select a value on a range slider, you can do so by passing using initialUiState for the range attribute you are using. For example,

initialUiState: {
 instant_search: {
  range: {
   price: '1000:2500',
  },
 },
},

You can see a live example here in this CodeSandBox. For more information on the proper syntax to use to pass initialUiState for a given widget please see our uiState documentation.

Another way you can preselect a value on a range slider is with routing.

First enable routing: https://www.algolia.com/doc/guides/building-search-ui/going-further/routing-urls/js/#basic-urls

routing: true

Then, you can add the parameter you want to have preselected to the URL, here is an example of how the URL would look with the value 2211 preselected: 

https://muyk3.csb.app/?instant_search%5Brange%5D%5Bprice%5D=0%3A2211

and a working example of the application used to generate this link: https://codesandbox.io/s/range-slider-with-a-pre-existing-filter-muyk3?file=/index.html