Skip to content

Wrapper libraries: Fabric

Ben Grynhaus edited this page Mar 17, 2019 · 4 revisions

Wrapper library for office-ui-fabric-react, exposed as @angular-react/fabric and actively maintained and published on npm.

Contains quite a good coverage as far as wrapping the React components go, and for the wrapped components allows passing in all props as Inputs, listening to all events via Outputs, as well as pass in render props where applicable (see more details in ReactWrapperComponent).

In addition, some components have alternative declarative syntax for things that would make more sense as such in Angular-world, like <fab-command-bar> allowing using it's items in a declarative manner, via <fab-command-bar-item>. These make authoring apps much simpler in a lot of cases, leveraging Angular's data-binding to it's full extend, instead of changing things imperatively. These should be added when it makes sense and makes using the wrapper components easier, though it does introduce more complexity.

Guidelines

  • When office-ui-fabric-react marks a prop as deprecated, we remove it the next time around we upgrade our dependency on it. We're more harsh with deprecation since the wrapper components are currently authored & maintained completely manually (see #91), and maintaining more props means more manual work.
Clone this wiki locally