The ionic-framework-v3-semantic-ui from buseyaren

ionic-framework-v3-semantic-ui's Introduction

Ionic Framework v3 with Semantic UI based on ng2-semantic-ui

This repository provide you to use Semantic UI locally in your Ionic Framework projects.

Installation

To install this library, run:

npm install ng2-semantic-ui --save

Copy "semanticui" folder to your projects assets folder

Next include the Semantic UI CSS file in your variables.scss

Finally you need to import the main module:

import {SuiModule} from 'ng2-semantic-ui';
@NgModule({
declarations: [AppComponent, ...],
imports: [SuiModule, ...],

bootstrap: [AppComponent]
})
export class AppModule {}

Notes

In the transition modules some animations don't work properly.("jiggle", "flash", "shake", "pulse", "tada", "bounce")

Component Support

Icon	Description
✅	Component supported by ng2-semantic-ui.
🚀	Semantic UI plugin supported by ng2-semantic-ui (not in Semantic UI Core).
☑️	Component supported natively by Semantic UI (CSS only).
❌	Component currently unavailable.
🚫	Component not applicable to Angular.

Elements	Collections	Views	Modules	Behaviors
☑️ Button	☑️ Breadcrumb	☑️ Advertisment	✅ Accordion	🚫 API
☑️ Container	☑️ Form	☑️ Card	✅ Checkbox	🚫 Form Validation
☑️ Divider	☑️ Grid	☑️ Comment	🚀 Collapse	🚀 Localization
☑️ Flag	☑️ Menu	☑️ Feed	🚀 Datepicker	❌ Visibiltiy
☑️ Header	✅ Message	☑️ Item	✅ Dimmer
☑️ Icon	🚀 Pagination	☑️ Statistic	✅ Dropdown
☑️ Image	☑️ Table		❌ Embed
☑️ Input			✅ Modal
☑️ Label			✅ Popup
☑️ List			✅ Progress
☑️ Loader			✅ Rating
☑️ Rail			✅ Search
☑️ Reveal			❌ Shape
☑️ Segment			✅ Sidebar
☑️ Step			❌ Sticky
			✅ Tab
			✅ Transition

Recommend Projects