[](https://www.npmjs.com/package/@schalltech/honeycomb-microapp)
npm install @schalltech/honeycomb-react-microapp
bash
yarn add @schalltech/honeycomb-react-microapp
`
`bash
npm i @schalltech/honeycomb-react-microapp
`
2. Once installed, import the package module.
`jsx
import MicroApp from '@schalltech/honeycomb-react-microapp';
`
3. Add a microapp into your page layout and define its configuration.
`jsx
config={{
View: {
Name: 'ma-label',
Scope: 'schalltech',
Version: 'latest',
},
DefaultValue: 'Hello World!'
}}
/>
`
Integration Example
The following is an example of how a Honeycomb Microapp could be integrated into an existing React application.
`jsx
import React, { Component } from 'react';
import MicroApp from '@schalltech/honeycomb-react-microapp';
class ExampleHost extends Component {
render() {
return (
config={{
View: {
Name: 'ma-label',
Scope: 'schalltech',
Version: 'latest'
},
DefaultValue: 'Hello World!'
}}
/>
);
}
}
export default ExampleHost;
``