SharePoint Framework Client-Side Web Part Samples with Fluent UI

This repository contains samples that demonstrate different fluent UI controls for the SharePoint Framework client-side web parts.

Compatibility

Applies to

• SharePoint Framework

Controls

Control	Image
Panel	Image
Pivot	Image
DetailsList	Image
CommandBar	Image

Using the sample

To build and start using this project, you'll need to clone and build the package

https://github.com/Chindara/spfx-fluentui-webparts.git

Navigate to the cloned repository folder which should be the same as the repository name

cd spfx-fluentui-webparts

Now run the following command to install the npm packages

npm install

This will install the required npm packages and dependencies to build and run the client-side project.

Once the npm packages are installed, run the following command to preview your web parts in SharePoint Workbench:

gulp serve

Useful Links

• Fluent UI
• Office UI Fabric Icons