react-uifabric-flex-layout v0.0.2

React/Office-UI-Fabric/Flex Layout

Component for applying a basic app layout structure to a create-react-app project using flex and office-ui-fabric-react components developed by Microsoft

Guides

• flex - flex, CSS property overview | MDN
• create-react-app – How to develop apps bootstrapped with Create React App.
• office-ui-fabric-react - The React-based front-end framework for building experiences for Office and Office 365.

react-uifabric-flex-layout works across all modern broswers (Chrome, Firefox, Edge, IE, etc.) If something doesn’t work, please file an issue.

Install

cd my-app
npm install react-uifabric-flex-layout
npm start

Usage

import Layout from 'react-uifabric-flex-layout';

function App() {
  return (
    <div className="App">
      <Layout>
        <div className="appHeader"></div>
        <div className="navBar"></div>
        <div className="homePage"></div>
      </Layout>
    </div>
  );
}

License

Create React App is open source software licensed as MIT.