support custom list item props on search extensions

Co-authored-by: Camila Belo <camilaibs@gmail.com> Signed-off-by: Emma Indal <emma.indahl@gmail.com>
2023-02-01 14:56:07 +01:00
parent b031b821d5
commit ce1220a4b8
9 changed files with 70 additions and 24 deletions
@@ -235,6 +235,20 @@ export const YourSearchResultListItemExtension = plugin.provide(
 );
 ```

+If your list item accept props, you can extend the `SearchResultListItemExtensionProps` with your component specific props:
+
+```tsx
+export const YourSearchResultListItemExtension: (
+  props: SearchResultListItemExtensionProps<YourSearchResultListItemProps>,
+) => JSX.Element | null = plugin.provide(
+  createSearchResultListItemExtension({
+    name: 'YourSearchResultListItem',
+    component: () =>
+      import('./components').then(m => m.YourSearchResultListItem),
+  }),
+);
+```
+
 Additionally, you can define a predicate function that receives a result and returns whether your extension should be used to render it or not:

 ```tsx