From the course: Microsoft Office Add-Ins for Developers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Office UI Fabric
From the course: Microsoft Office Add-Ins for Developers
Office UI Fabric
- [Instructor] We looked very briefly at Office UI Fabric in an earlier chapter, where we noted that it was a CSS library for building Office add-ins, which maintain the look and feel of the hosting Office application. But it also offers a set of React components. In fact, if I go to the Office UI Fabric site again, we can dig a little deeper, and you can see, one of the first things they offer is the React components, so let's navigate to there. And we can see, these are the 40 or so components that you get to give you all kinds of functionality already built. You just need to insert them into your React code as markup. You don't have to worry about all the different CSS classes and all those nested divs that we had to build out for some of the other solutions that didn't use React. So for example, there's a breadcrumb, there's a calendar, there's lots of date pickers, document cards. Let's look at, for example, the calendar control. And then when we get to one of those, we get an…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Open web development toolchain3m 7s
-
(Locked)
Create an add-in with Yeoman7m 4s
-
(Locked)
Sideload your add-in on the web4m 22s
-
(Locked)
The Angular framework59s
-
(Locked)
An example in Angular3m 42s
-
(Locked)
The React framework2m 14s
-
(Locked)
An example in React6m 24s
-
(Locked)
Office UI Fabric3m 45s
-
(Locked)
Design guidelines2m 58s
-
(Locked)
Design toolkit4m 26s
-
(Locked)
Consuming external services4m 27s
-
(Locked)
-
-
-
-
-