Note: as of January 3rd 2017 the license for this project has changed from MIT to Apache 2.0. For more information about these licenses please click here
Components and supporting directives built with TypeScript and Angular
including samples and tests. Source files under the src folder.
Current list of controls include:
| Components | Status | Docs | Directives | Status | Docs | |
|---|---|---|---|---|---|---|
| avatar | Available | Readme | button | Available | Readme | |
| badge | Available | Readme | filter | Available | Readme | |
| carousel | Available | Readme | ripple | Available | Readme | |
| list | Available | Readme | input | Available | Readme | |
| navbar | Available | Readme | label | Available | Readme | |
| tabbar | Available | Readme | layout | Available | Readme | |
| dialog | Available | Readme | ||||
| snackbar | Available | Readme | ||||
| toast | Available | Readme | ||||
| navigation drawer | Available | Readme | ||||
| radio | Available | Readme | ||||
| checkbox | Available | Readme | ||||
| switch | Available | Readme | ||||
| scroll | Planned | Not available | ||||
| linear progress | Available | Readme | ||||
| circular progress | Available | Readme | ||||
| icon | Available | Readme | ||||
| card | Available | Readme | ||||
| grid | Available | Readme | ||||
| slider | Available | Readme | ||||
| calendar | Available | Readme | ||||
| buttonGroup | Available | Readme | ||||
| dataContainer | Available | Readme | ||||
| dataUtil | Available | Readme | ||||
| datePicker | Available | Readme |
From the root folder run:
npm install
Demos can run using either the lite server:
npm start
or by pointing a server of your choosing to the root directory of the repo (e.g. Virtual Directory in IIS pointing to this folder).
Either way works by opening html files from the samples folder (samples/index.html) afterwards.
The start script will also build and watch TypeScript files. For other options use the commands below.
In case your editor cannot auto-compile the TypeScript files (VS, VS Code, others with plugins) there's a configured npm command in place to run the compiler:
npm run build
/// OR in watch mode
npm run watch
This will compile all TypeScript files per the tsconfig.json setup and optionally continue watching for
file changes and recompile accordingly.
You can include Ignite UI JS Blocks in your project as a dependency using the NPM package.
npm install igniteui-js-blocks --save-dev
IgniteUI JS Blocks Quickstart app This repository is a fork of the Angular QuickStart Source and has been updated to demonstrate how to include and use components from the Ignite UI JS Blocks. It basically follows the shortest path to bootstrap writing the application with IgniteUI JS Blocks:
- Fork the the angular quickstart
- Install IgniteUI JS Blocks from npm using
npm install igniteui-js-blocks --save-dev - Update the views with sample JS Blocks controls.