generator-gsndnn/generators/personabar/templates/ReactJS/src/components/Module.jsx

Scaffolds DNN extensions, including Modules (Webforms, SPA, and MVC), Persona Bar, Skin Object, Library, Scheduler, and Hotcakes Commerce projects (based on the generator built by Matt Rutledge).

import React, {Component} from "react";
import {PersonaBarPageHeader, PersonaBarPage, PersonaBarPageBody } from "@dnnsoftware/dnn-react-common";

class App extends Component {
    render() {
        return (
            <div>
                <PersonaBarPage isOpen="true">
                    <PersonaBarPageHeader title="Hello World">
                    </PersonaBarPageHeader>
                    <PersonaBarPageBody>
                        <div>
                            <h1>Page Body</h1>
                        </div>
                    </PersonaBarPageBody>
                </PersonaBarPage>
            </div>
        );
    }
}

export default App;