Use an exposed component
App plugins can expose additional functionality through a React component which can then be imported into your own plugin. Use exposed components to augment your own app plugin with additional features to extend a user workflow.
Use an exposed component​
The following example shows how to use a component exposed by another plugin:
import { usePluginComponent } from '@grafana/runtime';
export const MyComponent = () => {
const { component: Component, isLoading } = usePluginComponent('myorg-basic-app/reusable-component/v1');
return (
<>
<div>My component</div>
{isLoading ? 'Loading...' : <Component name="John" />}
</>
);
};