# semantic-ui-component > Use **[ng2-semantic-ui](https://www.npmjs.com/package/ng2-semantic-ui)**. Latest version **0.0.7** (published 2017-08-01) · MIT license · 0 weekly downloads ## Install ```sh npm install semantic-ui-component pnpm add semantic-ui-component yarn add semantic-ui-component bun add semantic-ui-component ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.7 | | Published | 2017-08-01 | | First published | 2017-07-24 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 29 | | Known vulnerabilities | 0 (+28 in 5 direct dependencies) | | Install scripts | no | | Maintainers | wisolv_jch | ## Links - npm: https://www.npmjs.com/package/semantic-ui-component - npm.io page: https://npm.io/package/semantic-ui-component ## Dependencies (29) - [noty](https://npm.io/package/noty.md) ^3.1.1 - [rxjs](https://npm.io/package/rxjs.md) ^5.1.0 - [jquery](https://npm.io/package/jquery.md) ^3.2.1 - [lodash](https://npm.io/package/lodash.md) ^4.17.4 - [moment](https://npm.io/package/moment.md) ^2.18.1 - [core-js](https://npm.io/package/core-js.md) ^2.4.1 - [zone.js](https://npm.io/package/zone.js.md) ^0.8.4 - [datatables](https://npm.io/package/datatables.md) ^1.10.13 - [highcharts](https://npm.io/package/highcharts.md) ^5.0.12 - [sortablejs](https://npm.io/package/sortablejs.md) ^1.6.0 - [semantic-ui](https://npm.io/package/semantic-ui.md) ^2.2.11 - [angular2-jwt](https://npm.io/package/angular2-jwt.md) ^0.2.3 - [ng2-spin-kit](https://npm.io/package/ng2-spin-kit.md) ^1.3.0 - [@angular/core](https://npm.io/package/@angular/core.md) ^4.0.0 - [@angular/http](https://npm.io/package/@angular/http.md) ^4.0.0 - [@types/jquery](https://npm.io/package/@types/jquery.md) ^3.2.9 - [@types/lodash](https://npm.io/package/@types/lodash.md) ^4.14.71 - [@angular/forms](https://npm.io/package/@angular/forms.md) ^4.0.0 - [jquery-address](https://npm.io/package/jquery-address.md) ^1.6.0 - [@angular/common](https://npm.io/package/@angular/common.md) ^4.0.0 - [@angular/router](https://npm.io/package/@angular/router.md) ^4.0.0 - [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^4.0.0 - [@uirouter/angular](https://npm.io/package/@uirouter/angular.md) ^1.0.0-beta.7 - [angular-sortablejs](https://npm.io/package/angular-sortablejs.md) ^2.0.6 - [angular2-text-mask](https://npm.io/package/angular2-text-mask.md) ^8.0.2 - [@angular/animations](https://npm.io/package/@angular/animations.md) ^4.0.0 - [semantic-ui-calendar](https://npm.io/package/semantic-ui-calendar.md) 0.0.8 - [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^4.0.0 - [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^4.0.0 ## Recent versions - 0.0.7 (latest) — 2017-08-01 - 0.0.6 — 2017-07-26 - 0.0.5 — 2017-07-26 - 0.0.4 — 2017-07-25 - 0.0.3 — 2017-07-25 - 0.0.2 — 2017-07-24 - 0.0.1 — 2017-07-24 ## README # SemanticUiComponent (beta) Use **[ng2-semantic-ui](https://www.npmjs.com/package/ng2-semantic-ui)**. This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.2.1. ## Components * SemanticUiCalendar * SemanticUiDatatable * SemanticUiDropdown * SemanticUiInput * SemanticUiModal * SemanticUiProgress * SemanticUiTable ## Development server Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. ## Code scaffolding Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`. ## Build Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. ## Running unit tests Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). ## Running end-to-end tests Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). Before running the tests make sure you are serving the app via `ng serve`. ## Further help To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). ## Utiliser les composants Pour utiliser les composants il faut que le framework Semantic-ui soit intallé dans le projet. Semantic-ui doit être importer dans le fichier .angular-cli. ## .angular-cli.json styles [ "styles.scss", "../semantic/dist/semantic.min.css", "../node_modules/noty/src/noty.scss", "../node_modules/semantic-ui-calendar/dist/calendar.min.css", "./assets/styles/dataTables.semanticui.min.css", "./assets/styles/buttons.semanticui.min.css" ] scripts [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/noty/lib/noty.min.js", "../node_modules/datatables/media/js/jquery.dataTables.min.js", "./assets/scripts/dataTables.semanticui.min.js", "./assets/scripts/dataTables.select.min.js", "./assets/scripts/dataTables.buttons.min.js", "./assets/scripts/buttons.semanticui.min.js", "./assets/scripts/jszip.min.js", "./assets/scripts/pdfmake.min.js", "./assets/scripts/vfs_fonts.js", "./assets/scripts/buttons.html5.min.js", "./assets/scripts/buttons.print.min.js", "./assets/scripts/buttons.colVis.min.js", "../semantic/dist/semantic.min.js", "../node_modules/moment/min/moment.min.js", "../node_modules/jquery-address/src/jquery.address.js", "../node_modules/semantic-ui-calendar/dist/calendar.min.js", "../node_modules/highcharts/highcharts.js" ] ## Semantic-ui `gulp build` Problème de version gulp sur minification des js (gulp build). Commenter les lignes `preserveComments` dans `tasks/config/tasks.js`. /* Minified JS Settings */ uglify: { mangle : true // preserveComments : 'some' }, /* Minified Concat JS */ concatUglify: { mangle : true // preserveComments : false } --- _Source: https://npm.io/package/semantic-ui-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._