Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps.
Switch branches/tags
Clone or download
kdinev Merge pull request #2739 from IgniteUI/SKrastev/prefix-suffix-modules
Remove default classes applied to prefix and suffix so they can be used in multiple component. Style them specifically.
Latest commit 2e0537f Oct 16, 2018
Permalink
Failed to load latest commit information.
.github docs(contrib): Add Breaking changes+migration to CONTRIBUTING.md Sep 20, 2018
.hooks refactor(hooks): refactor git hooks scripts Apr 12, 2018
.vscode chore(*): Setup VS Code debug configuration for migration tests (#2613) Oct 8, 2018
e2e test(Search): #2159 Removed the f from describe. Aug 8, 2018
extras/docs/themes feat(typedoc theme): allow shell localization typedoc theme (#2704) Oct 12, 2018
projects/igniteui-angular Merge branch 'master' into SKrastev/prefix-suffix-modules Oct 16, 2018
src chore(igxGrid): Additional fix for scenarios when conditional cell cs… Oct 15, 2018
.editorconfig build(*): Migrate to angular-cli for build tool (#1346) May 25, 2018
.gitignore build(sassdoc): include the compiled css to not require builds Sep 21, 2018
.sassdocrc feat(sassdoc): add custom sassdoc theme Sep 19, 2018
.stylelintrc.json chore(stylelint): add typography readme to list of ignored files Aug 10, 2018
.travis.yml chore(*): Trying out node 10.12.0 to see how it behaves Oct 16, 2018
CHANGELOG.md chore(igxGrid): Updating Changelog. Oct 15, 2018
LICENSE Update: Apache license copyright year Feb 6, 2018
README.md docs(readme): update instructions for running the demos app Oct 8, 2018
ROADMAP.md Update ROADMAP.md Oct 1, 2018
angular.json [DO NOT MERGE] build(demos): switch to hmr for the demos app (#2699) Oct 5, 2018
angularDocs.nuspec build(*): Migrate to angular-cli for build tool (#1346) May 25, 2018
azure-pipelines.yml chore(build): Improve Azure Pipelines build (#2605) Sep 19, 2018
css-naming-convention.md There was still JS Blocks occurrences Jan 31, 2018
gulpfile.js [DO NOT MERGE] build(demos): switch to hmr for the demos app (#2699) Oct 5, 2018
package-lock.json [DO NOT MERGE] build(demos): switch to hmr for the demos app (#2699) Oct 5, 2018
package.json [DO NOT MERGE] build(demos): switch to hmr for the demos app (#2699) Oct 5, 2018
readme-template.md Update readme-template.md Apr 6, 2017
tsconfig.json [DO NOT MERGE] build(demos): switch to hmr for the demos app (#2699) Oct 5, 2018
tslint.json build(*): Migrate to angular-cli for build tool (#1346) May 25, 2018

README.md

Ignite UI for Angular - from Infragistics

Build Status Build Status Coverage Status npm version

Ignite UI for Angular is a complete set of Material-based UI Widgets, Components & Sketch UI kits and supporting directives for Angular by Infragistics. Ignite UI for Angular is designed to enable developers to build the most modern, high-performance HTML5 & JavaScript apps for modern desktop browsers, mobile experiences and progressive web apps (PWA’s) targeting Google's Angular framework.

You can find source files under the src folder, including samples and tests.

View running samples here

Install our VSCode Toolbox extension

Install our VSCode tooltip extension

IMPORTANT The repository has been renamed from igniteui-js-blocks to igniteui-angular. Read more on our new naming convention.

Current list of controls include:

Components Status Directives Status
avatar Available Readme Docs button Available Readme Docs
badge Available Readme Docs dragdrop InProgress Readme Docs
buttonGroup Available Readme Docs filter Available Readme Docs
calendar Available Readme Docs forOf Available Readme Docs
card Available Readme Docs hint Available Readme Docs
carousel Available Readme Docs input Available Readme Docs
checkbox Available Readme Docs label Available Readme Docs
chips Available Readme Docs layout Available Readme Docs
circular progress Available Readme Docs mask Available Readme Docs
combo Available Readme Docs prefix Available Readme Docs
datePicker Available Readme Docs ripple Available Readme Docs
dialog Available Readme Docs suffix Available Readme Docs
drop down Available Readme Docs text-highlight Available Readme
grid Available Readme Docs text-selection Available Readme
icon Available Readme Docs toggle Available Readme Docs
input group Available Readme Docs Others Status Docs
list Available Readme Docs Animations Available Readme
navbar Available Readme Docs dataUtil Available Readme
navigation drawer Available Readme Docs dataContainer Available Readme
radio Available Readme Docs
slider Available Readme Docs
snackbar Available Readme Docs
switch Available Readme Docs
tabbar Available Readme Docs
tabs Available Readme Docs
time picker Available Readme Docs
toast Available Readme Docs

Setup

From the root folder run:

npm install

Getting Started with CLI

To get started with the Ignite UI CLI and Ignite UI for Angular:

npm i -g igniteui-cli
ig new <project name> --framework=angular
cd <project name>
ig add grid <component name>
ig start

Building the Library

// build the code
ng build igniteui-angular

// build the css
npm run build:style

// build them both
npm run build:lib

You can find the build ouput under dist/igniteui-angular.

Running the tests

Running the tests in watch mode:

ng test igniteui-angular // or npm run test:lib:watch

Running the tests once with code coverage enabled:

npm run test:lib

Building the API Docs

The API docs are produced using TypeDoc and SassDoc. In order to build the docs, all you need to do is run:

npm run build:docs

The output of the API docs build is located under dist/igniteui-angular/docs.

Run Demos Application

The repository includes a sample application featuring the showcasing the different components/directives. In order to run the demo samples, build the library first and start the application.

npm start

NOTE: Experimental demos are not always stable.

NPM Package

You can include Ignite UI for Angular in your project as a dependency using the NPM package.

npm install igniteui-angular --save-dev

Contributing

Coding Guidelines

General Naming Guidelines

Quickstart App

Ignite UI for Angular 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 Ignite UI for Angular. It basically follows the shortest path to bootstrap writing the application with Ignite UI for Angular:

  • Fork the the angular quickstart
  • Install Ignite UI for Angular from npm using npm install igniteui-angular --save-dev
  • Update the views with sample Ignite UI for Angular controls.

Demo Apps & Documentation

The Warehouse Picklist App demonstrates using several Ignite UI for Angular widgets together to build a modern, mobile app.

To get started with the Data Grid, use the steps in the grid walk-through.

All help, related API documents and walk-throughs can be found for each control here.

Roadmap

Roadmap document

Support

Developer support is provided as part of the commercial, paid-for license via Infragistics Forums, or via Chat & Phone with a Priority Support license. To acquire a license for paid support or Prioroty Support, please visit this page.

Community support for open source usage of this product is available at StackOverflow.

Infragistics is only successful if you are successful, if you need additional assitance beyond our help documentation, forums or Prioroty Support, we have a full suite of Services offerings, including Angular Training, Application Architecture and Development and full Design Consultation. Click to learn more about our Services offerings.

License

This project is released under the Apache License, version 2.0. This is a commercial product, requiring a valid paid-for license for commercial use. This product is free to use for non-commercial applications, like non-profits and educational usage.

To acquire a license for commercial usage, please register for a trial and acquire a license at Infragistics.com/Angular.

© Copyright 2017 INFRAGISTICS. All Rights Reserved. The Infragistics Ultimate license & copyright applies to this distribution. For information on that license, please go to our website here.