Is it possible to arrange a "search bar" on a specific DocsPage ?

[rjjan]

Is it possible to arrange another "search bar" inside a specific DocPage, the UX is like the left pane "search bar"? (i mean, when clicked, the search dialog pop up)

I tried

<DocsPage toc={[]} full={true}> <DocsTitle>{search}</DocsTitle> <DocsBody> <CustomSearchDialog open={true} onOpenChange={onOpenChange} />; </DocsBody> </DocsPage>

The dialog will pop up automatically

If setting property open={false}. There is no "search bar" on the page.

Thanks.

[fuma-nama]

Open prop is a state, put it in a client component with useState

[rjjan]

Thanks. I wrap DefaultSearchDialog from "fumadocs-ui/components/dialog/search-default"

One problem is when SearchDialog pops up, i can receive onOpenChange when pressing ESC key, so I can dismiss the dialog without problem.

However, when I mouse click the upper right "ESC", I didn't receive onOpenChange, can I mouse click ESC to dismiss the dialog box ?