mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 03:01:21 -04:00
Update hello_world_plugin.mdx (#222562)
Update hello_world_plugin - plugin.tsx file
This commit is contained in:
parent
11247fe50b
commit
9ef486f4eb
1 changed files with 15 additions and 3 deletions
|
@ -91,18 +91,30 @@ And add the following to it:
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import ReactDOM from 'react-dom';
|
import ReactDOM from 'react-dom';
|
||||||
import { AppMountParameters, CoreSetup, CoreStart, Plugin } from '@kbn/core/public';
|
import { AppMountParameters, CoreSetup, CoreStart, Plugin } from '@kbn/core/public';
|
||||||
|
import { DeveloperExamplesSetup } from '@kbn/developer-examples-plugin/public';
|
||||||
|
|
||||||
export class HelloWorldPlugin implements Plugin {
|
interface SetupDeps {
|
||||||
public setup(core: CoreSetup) {
|
developerExamples: DeveloperExamplesSetup;
|
||||||
|
}
|
||||||
|
|
||||||
|
export class HelloWorldPlugin implements Plugin<void, void, SetupDeps> {
|
||||||
|
public setup(core: CoreSetup, deps: SetupDeps) {
|
||||||
// Register an application into the side navigation menu
|
// Register an application into the side navigation menu
|
||||||
core.application.register({
|
core.application.register({
|
||||||
id: 'helloWorld',
|
id: 'helloWorld',
|
||||||
title: 'Hello World',
|
title: 'Hello World',
|
||||||
async mount({ element }: AppMountParameters) {
|
async mount({ element }: AppMountParameters) {
|
||||||
ReactDOM.render(<div>Hello World!</div>, element);
|
ReactDOM.render(<div data-test-subj="helloWorldDiv">Hello World!</div>, element);
|
||||||
return () => ReactDOM.unmountComponentAtNode(element);
|
return () => ReactDOM.unmountComponentAtNode(element);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// This section is only needed to get this example plugin to show up in our Developer Examples.
|
||||||
|
deps.developerExamples.register({
|
||||||
|
appId: 'helloWorld',
|
||||||
|
title: 'Hello World Application',
|
||||||
|
description: `Build a plugin that registers an application that simply says "Hello World"`,
|
||||||
|
});
|
||||||
}
|
}
|
||||||
public start(core: CoreStart) {
|
public start(core: CoreStart) {
|
||||||
return {};
|
return {};
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue