File tree Expand file tree Collapse file tree 1 file changed +13
-17
lines changed
fern/docs/pages/plug-sdk/web Expand file tree Collapse file tree 1 file changed +13
-17
lines changed Original file line number Diff line number Diff line change @@ -90,28 +90,24 @@ You can bind the `toggleSearchAgent` method to a hotkey, such as `Cmd + K` (or `
90
90
```
91
91
</Tab >
92
92
93
- ```
94
- </Tab>
95
93
<Tab title = " Setup for React" >
96
-
97
94
``` jsx
98
95
useEffect (() => {
99
- const handleKeyDown = event => {
100
- if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
101
- event.preventDefault(); // Prevent default behavior
102
- window.plugSDK.toggleSearchAgent();
103
- }
104
- };
105
- // Attach the event listener
106
- document.addEventListener("keydown", handleKeyDown);
107
- // Clean up the event listener on unmount
108
- return () => {
109
- document.removeEventListener("keydown", handleKeyDown);
110
- };
111
- }, []);
96
+ const handleKeyDown = event => {
97
+ if ((event .metaKey || event .ctrlKey ) && event .key .toLowerCase () === " k" ) {
98
+ event .preventDefault (); // Prevent default behavior
99
+ window .plugSDK .toggleSearchAgent ();
100
+ }
101
+ };
102
+ // Attach the event listener
103
+ document .addEventListener (" keydown" , handleKeyDown);
104
+ // Clean up the event listener on unmount
105
+ return () => {
106
+ document .removeEventListener (" keydown" , handleKeyDown);
107
+ };
108
+ }, []);
112
109
```
113
110
</Tab >
114
-
115
111
</Tabs >
116
112
117
113
You can modify the keydown event listener to bind other key or keys combinations, or any other user event based on your application's needs.
You can’t perform that action at this time.
0 commit comments