search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.68k stars 32.22k forks source link

[docs-infra] Replace <DocSearch> for in-house implementation #37599

Open pantelispanayiotou opened 1 year ago

pantelispanayiotou commented 1 year ago

Related page

https://mui.com

Kind of issue

Missing information

Issue description

I was looking for how the algolia search is implemented on the homepage. As i can see it doesn't use any mui components, except for the hits that typography and badges are used. Is there any specific reasons on why this is not implemented using the mui's Autocomplete component?

Context 🔦

We need to implement algolia in our site and thinking of how we can do this using material ui. The first option is to build it without the components that are provided from algolia (instantsearch) so that we can leverage the mui components.

oliviertassinari commented 1 year ago

How is Algolia search implemented on the home page of MUI?

@pantelispanayiotou It's implemented here: https://github.com/mui/material-ui/blob/b019b36d2b586bd0d86180fee23ac601660761a9/docs/src/modules/components/AppSearch.js#L207

Is there any specific reasons on why this is not implemented using the mui's Autocomplete component?

We talked about using the Material UI component for it during the implementation but we went with the Algolia UI library to save time. It's definitely in our plan to replace the UX with Material UI components.

See mui/material-ui#16502 under:

What Algolia did with DocSearch could be much better, I think this is what we should use this GitHub issue for.

We need to implement algolia in our site and thinking of how we can do this using material UI.

Yes, then have a look at mui/mui-x#13932. It's part of the problem we are trying to solve.