fabric

UX/UI component library for micro-apps (Angular 4.x+)

0
0
TypeScript
 ______   ______     ______     ______     __     ______
/\  ___\ /\  __ \   /\  == \   /\  == \   /\ \   /\  ___\
\ \  __\ \ \  __ \  \ \  __<   \ \  __<   \ \ \  \ \ \____
 \ \_\    \ \_\ \_\  \ \_____\  \ \_\ \_\  \ \_\  \ \_____\
  \/_/     \/_/\/_/   \/_____/   \/_/ /_/   \/_/   \/_____/

Fabric

This is the home of Fabric, a UX/UI component library for micro apps built on top of Angular, Material Design and Bootstrap.

Installation

To add to your project run :

npm install @modernfidelity/fabric --save

Getting started

See our starter kit to help with building your first project with Fabric

Versions

Fabric uses SEMVER for its package versions.

When adding a new a component please update the MINOR verion number.
When updating an existing component or bugfix please update the PATCH verion number.

Tools :

Build tools are based around gulp currently and are wrapped via npm run commands.

To run a production build please run the following :

npm run build:release

This will create a folder ‘/dist’ with the lib in it.

The goal of Fabric

Our goal is to build a set of high-quality UI components built with Angular and TypeScript for use within
micro-apps and general web applications.

What do we mean by “high-quality”?

  • Internationalized and accessible so that all users can use them.
  • Straightforward APIs that don’t confuse developers.
  • Behave as expected across a wide variety of use-cases without bugs.
  • Behavior is well-tested with both unit and integration tests.
  • Performance cost is minimized.

Browser and screen reader support

Fabric supports the most recent two versions of all major browsers:
Chrome (including Android), Firefox, Safari (including iOS), and IE11 / Edge

We also aim for great user experience with the following screen readers:

  • NVDA and JAWS with IE / FF / Chrome (on Windows).
  • VoiceOver with Safari on iOS and Safari / Chrome on OSX.
  • TalkBack with Chrome on Android.