Skip to content
This repository was archived by the owner on Apr 21, 2020. It is now read-only.
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions content/docs/search-components/DataSearch.md
Original file line number Diff line number Diff line change
Expand Up @@ -127,9 +127,9 @@ Example uses:
You can pass a callback using `innerRef` which gets passed to the inner input element as [`ref`](https://reactjs.org/docs/refs-and-the-dom.html).
- **URLParams** `Boolean` [optional]
enable creating a URL query string parameter based on the selected value of the list. This is useful for sharing URLs with the component state. Defaults to `false`.
- **renderNoSuggestion** `String|scoped-slot` [optional]
- **renderNoSuggestion** `String|slot-scope` [optional]
can we used to render a message when there is no suggestions found.
- **renderError** `String|Function|scoped-slot` [optional]
- **renderError** `String|Function|slot-scope` [optional]
can be used to render an error message in case of any error.

```js
Expand All @@ -143,7 +143,7 @@ Example uses:
or

```html
<template slot="renderError" scoped-slot="error">
<template slot="renderError" slot-scope="error">
<div>
Something went wrong!<br/>Error details<br/>{{ error }}
</div>
Expand Down Expand Up @@ -187,12 +187,12 @@ Read more about it [here](/theming/class.html).

- it's also possible to take control of rendering individual suggestions with `renderSuggestion` prop or the entire suggestions rendering using the `renderAllSuggestions` prop.

`renderAllSuggestions` can be used as a `scoped-slot` or `Function` which receives some parameters which you may use to build your own custom suggestions rendering
`renderAllSuggestions` can be used as a `slot-scope` or `Function` which receives some parameters which you may use to build your own custom suggestions rendering

```html
<template
slot="renderAllSuggestions"
scoped-slot="{
slot-scope="{
currentValue, // the current value in the search
isOpen, // isOpen from downshift
getItemProps, // item props to be passed to suggestions
Expand Down