Office UI Fabric is a collection of projects that represent the Office and Office 365 design language in code. This website helps document, explain, and guide folks to the variety of sub-projects that make up Fabric.
Before you get started, make sure you have node.js, gulp, and git installed. To view the documentation including examples, contracts, current statuses, and to add functionality or fix issues locally, you can:
git clone https://github.com/OfficeDev/office-ui-fabric-react.git
- this is the Office UI Fabric React project- Change directories into the newly cloned project's directory:
cd office-ui-fabric-react
npm install
to install dependencies and start building the projectnpm run buildfast
to build additional dependencies offabric-website
- Change directories to the
fabric-website
directory underapps
:cd apps && cd fabric-website
. - To start the website, run
npm start
. This will open your operating system's default web browser with the website. You can make changes to the code which will automatically build and refresh the page using live-reload.
Note: Were any steps missing? Could the instructions be made clearer for the next person? Update the instructions above and submit a pull request!
npm install -g http-server
- In the fabric-website directory, run
npm run production
to build your minified files. They should be in the dist folder. index.html
has logic to check if the app is running locally to serve the proper files.- In the same directory, run
http-server
. This should serve the website for you to test as it runs on your new minified files.
All files on the Office UI Fabric React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.
Usage of the fonts referenced in Office UI Fabric files is subject to the license.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.