@angular-react/fabric
TypeScript icon, indicating that this package has built-in type declarations

0.4.4 • Public • Published

Office Fabric React support for Angular

npm version

Industry trends, organizational pressures, and other factors can lead to mandates regarding the use of component libraries or migration from one technology to another. In the case of Office UI Fabric, where its use is required, the client must be written in React (there is no Angular component library for the latest version). Rewrite from Angular to React may be cost-prohibitive or ill advised for other reasons.

Use of Angular-React allows consuming any React elements, but specifically Office UI Fabric, within an Angular [2+] application. The library of wrappers for Office UI Fabric simplifies the use of these components with Angular. However, any React code can make use of the custom Angular-React renderer.

Quick links

@angular-react/core | Documentation, quick start, and guides | Demo | Contributing | StackBlitz Template | Office Fabric

Typical Use Cases

  • Use React component libraries with Angular
  • Incrementally rewrite an Angular application into React (moving from atomic/leaf nodes upward into full features/pages until the entire app is re-written)

Getting started

See our Getting Started Guide if you're building your first project with Angular-React.

If you'd like to contribute, you must follow our contributing guidelines. You can look through the issues (which should be up-to-date on who is working on which features and which pieces are blocked) and make a comment.

High level stuff planned for Q2 2018 (April - June):

  • Extend support for Fabric Buttons
  • Extend support for Fabric Dialog
  • Additional Fabric components TBD
  • Table feature improvements
  • Improve docs

Available Fabric features

Feature Notes Docs
breadcrumb Beta Docs
button Beta Docs
callout Beta Docs
choice-group Beta Docs
combo-box Beta Docs
command-bar Heavily tested, most scenarios covered. Docs
contextual-menu Beta Docs
date-picker Beta Docs
dialog Beta Docs
divider Beta Docs
grouped-list Beta Docs
hover-card Beta Docs
icon Beta Docs
image Beta Docs
link Beta Docs
message-bar Beta Docs
modal Beta Docs
panel Beta Docs
persona Beta Docs
pickers Beta Docs
pivot Beta Docs
search-box Beta Docs
shimmer Beta Docs
slider Beta Docs
spinner Beta Docs
toggle Beta Docs
tooltip Beta Docs

In progress, planned, and non-planned Fabric features

Feature Status Docs Issue
bottom-nav Not started, not planned - TBD

The goal of Angular React

What do we mean by "high-quality"?

Browser and screen reader support

Package Sidebar

Install

npm i @angular-react/fabric@0.4.4

Version

0.4.4

License

MIT

Unpacked Size

3.92 MB

Total Files

327

Last publish

Collaborators

  • dorgold
  • zavidor
  • aarongreenwald
  • shinnqy
  • benfeely
  • mrfrankel
  • angular-react
  • bengry
  • shai_rose
  • xjerwa
  • rcshaw
  • galvan
  • yanivc-ms
  • liuzhiliang
  • fhljys