5643f8f6d2
* Added docs with new screenshots * Added doc to architecture * Added documentations to various extension modules * Added more documentation to modes * Added docs to managers * Added docs for services * Fixed deployment docs * Added white labelling documentation * Added i18n docs and measurement export
31 lines
750 B
Markdown
31 lines
750 B
Markdown
# Module: Context
|
||
|
||
- [Module: Context](#module-context)
|
||
- [Overview](#overview)
|
||
|
||
|
||
## Overview
|
||
This new module type allows you to connect components via a shared context. You can create a context that two components, e.g. a viewport and a panel can use to synchronize and communicate. An extensive example of this can be seen in the longitudinal mode’s custom extensions.
|
||
|
||
|
||
|
||
```jsx
|
||
const ExampleContext = React.createContext();
|
||
|
||
function ExampleContextProvider({ children }) {
|
||
return (
|
||
<ExampleContext.Provider value={{ example: 'value' }}>
|
||
{children}
|
||
</ExampleContext.Provider>
|
||
);
|
||
}
|
||
|
||
const getContextModule = () => [
|
||
{
|
||
name: 'ExampleContext',
|
||
context: ExampleContext,
|
||
provider: ExampleContextProvider,
|
||
},
|
||
];
|
||
```
|