Nitrogenous Polymorphic Molecule

    gatsby-plugin-fabric-ui

    1.0.4 • Public • Published

    gatsby-plugin-fabric-ui

    Gatsby plugin for the Office Fabric UI framework. Adds the boilerplate needed for server-side rendering, which Gatsby performs during gatsby build.

    Installation

    npm install office-ui-fabric-react gatsby-plugin-fabric-ui

    Usage

    After installing the plugin, add it to your site's config file:

    gatsby-config.js

    module.exports = {
        plugins: ['gatsby-plugin-fabric-ui'],
    };

    Then you can use any of the components as usual:

    import React from 'react';
    import { DefaultButton } from 'office-ui-fabric-react';
     
    const Index = () => (
        <div>
            <DefaultButton>Hello, world!</DefaultButton>
        </div>
    );
     
    export default Index;

    See the test folder for an example Gatsby site.

    Compatibility

    Currently only tested with:

    • react v16
    • gatsby v2
    • office-ui-fabric-react v6

    Contributing

    1. Clone this repo.
    2. npm install
    3. Make changes to gatsby-ssr.jsx. Please also prettier via npm run format.
    4. To test your changes, run the sample project:
    cd test
    npm install
    npm run build # test that SSR works properly 
    npm run develop # launches the sample site 
    1. In the main package, you can also run npm test.

    Install

    npm i gatsby-plugin-fabric-ui

    DownloadsWeekly Downloads

    13

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    4.63 kB

    Total Files

    4

    Last publish

    Collaborators

    • jasonnutter