ozexpert / ng2-semantic-ui

Semantic UI Angular 2 Integrations -- no JQuery required --

ng2-semantic-ui

Semantic UI Angular 2 Integrations, written in pure AngularJS - no JQuery required.

Demo & Usage

ng2-semantic-ui

Installation

To install this library, run:

$ npm install ng2-semantic-ui --save

Next include the Semantic UI CSS file in your index.html (you can include a manually compiled one if you use themes):

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">

Once installed you need to import the main module:

import {SuiModule} from 'ng2-semantic-ui/ng2-semantic-ui';

Finally import the main module into your application module:

import {SuiModule} from 'ng2-semantic-ui/ng2-semantic-ui';

@NgModule({
    declarations: [AppComponent, ...],
    imports: [SuiModule, ...],  
    bootstrap: [AppComponent]
})
export class AppModule {}

N.B. you can import individual component modules:

import {SuiCheckboxModule, SuiRatingModule} from 'ng2-semantic-ui/ng2-semantic-ui';

Now you're good to go!

Dependencies

• Angular 2 (^2.0.0 final)
• Semantic UI CSS (jQuery is not required)

Components

The current list of available components with links to their docs is below:

• Accordion
• Checkbox
• Collapse
• Dimmer
• Dropdown
• Message
• Progress
• Rating
• Search
• Select
• Tabs
• Transition

Development

To generate all library *.js, *.js.map and *.d.ts files:

$ npm run compile
# use compile:w to watch for changes

To run the demo app (you must have Angular-CLI installed):

$ ng serve

License

MIT © Edward Carroll