https://github.com/blajanclaudiu/built
Science Score: 26.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
○CITATION.cff file
-
✓codemeta.json file
Found codemeta.json file -
✓.zenodo.json file
Found .zenodo.json file -
○DOI references
-
○Academic publication links
-
○Academic email domains
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (9.9%) to scientific vocabulary
Repository
Basic Info
- Host: GitHub
- Owner: blajanclaudiu
- License: mit
- Language: TypeScript
- Default Branch: main
- Size: 1.77 MB
Statistics
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
- Releases: 0
Metadata Files
README.md
Angular2 & Semantic UI
Live demo
- Angular 2
- Semantic UI version: 2.2.2
Installation
bash
npm install ng-semantic --save
Angular CLI configuration ( Webpack )
Install jQuery with NPM
bash
npm install jquery --save
Download Official Semantic UI bundle ( .zip ) from Semantic-Org
Add semantic.min.css, semantic.min.js, jquery to the angular-cli.json as follows:
```javascript
...
"apps": [{ ... "styles": [ "styles.css", "../path/to/semantic.min.css" // ], "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../path/to/semantic.min.js" ], ... }]
```
Use
Then you can use in a component as follows:
```javascript // Module import { NgModule } from "@angular/core"; import { NgSemanticModule } from "ng-semantic";
@NgModule({ bootstrap: [ AppComponent ], declarations: [ AppComponent ], imports: [ BrowserModule, NgSemanticModule ] }) export class AppModule {}
// Component import {Component} from '@angular/core';
@Component({
selector: 'demo-cmp',
template:
<sm-segment class="raised">
Hello
</sm-segment>
})
export class DemoComponent {}
```
Custom configuration
Semantic UI ( minified versions of css and js ) must be loaded in index.html
```html
```
Support / Donations
If you’d like to support me developing this project you’re able to do so by donating on PayPal or if you have any special needs/ feature requests don’t hesitate to send me an email.
Angular 2 QuickStart with ngSemantic
https://github.com/vladotesanovic/angular2-quickstart-ngsemantic
Angular 2 CLI with ngSemantic
https://github.com/vladotesanovic/angular2-cli-webpack
Development
```bash git clone https://github.com/vladotesanovic/ngSemantic.git cd ngSemantic
install dependencies
npm install
compile demo project
npm start ```
Components
- sm-accordion
- sm-button
- sm-loader
- sm-header
- sm-message
- sm-popup
- sm-segment
- sm-modal
- sm-sidebar
- sm-dimmer
- sm-flag
- sm-input
- sm-checkbox
- sm-rating
- sm-dropdown
- sm-select
- sm-search
- sm-textarea
- sm-progress
- sm-card
- sm-shape
- sm-tabs & sm-tab
- sm-list
- sm-item
- smDirTooltip
- smDeviceVisibility
- smDirVisibility
Licence
MIT License
Owner
- Login: blajanclaudiu
- Kind: user
- Repositories: 1
- Profile: https://github.com/blajanclaudiu
GitHub Events
Total
- Issues event: 1
- Watch event: 1
- Create event: 1
Last Year
- Issues event: 1
- Watch event: 1
- Create event: 1
Dependencies
- @angular/common ^2.0.1 development
- @angular/compiler ^2.0.1 development
- @angular/core ^2.0.1 development
- @angular/forms ^2.0.1 development
- @angular/http ^2.0.1 development
- @angular/platform-browser ^2.0.1 development
- @angular/platform-browser-dynamic ^2.0.1 development
- @angular/router ^3.0.0 development
- @angular/upgrade ^2.0.1 development
- @types/jasmine ^2.5.36 development
- @types/jquery ^2.0.34 development
- @types/node ^6.0.46 development
- angular2-in-memory-web-api 0.0.20 development
- codelyzer 1.0.0-beta.4 development
- concurrently ^2.2.0 development
- core-js ^2.4.1 development
- lite-server ^2.2.2 development
- reflect-metadata ^0.1.3 development
- rxjs 5.0.0-beta.12 development
- systemjs ^0.19.27 development
- systemjs-builder ^0.15.26 development
- tslint ^3.14.0 development
- typescript ^2.0.2 development
- zone.js ^0.6.23 development