Ember-semantic-ui NPM

ember-semantic-ui

This Ember addon support many UI components based on semantic-ui, Anyone can use this addon in their Ember project.

Demo Docs

Components

Layout

ui-column

Button

ui-button

Menu

Input

Checkbox

Modal

ui-modal

Select

File

Popup

ui-popup

Message

ui-message

Getting Started

Dummy app

git clone https://github.com/wecatch/ember-semantic-ui
npm install
ember server

Use this addon in your ember application

ember install ember-semantic-ui

1.Modify app/index.html and import semanti-ui js file and css file

<link rel="stylesheet" href="{{rootURL}}assets/semantic.min.css">
<script src="{{rootURL}}assets/semantic.min.js"></script>

2.Start ember app

ember server

3.Then you can use this addon components in your ember app

<UiInput/>

Thanks

The ember-uploader project support this addon file-uploader. Thanks to their author

Release notes

1.0.1

fix FileInput bug
fix UiInputTags value change rerender

1.0.0

Upgrade ember-cli to 4.4, this version is not compatible, please take caution
Only support glimmer component

0.2.3

bump babel

0.2.2

remove bower, install npm package semantic-ui-css for semantic-ui

0.2.1

fix 34

0.2.0

upgrade ember-cli to 3.1, support ember to latest 3.0
upgrade semantic-ui to 2.3.2

0.1.2

upgrade ember-cli to 2.11, upgrade ember to latest 2.11

0.1.1

fix dummy app

0.1.0

add docs
file-input support multiple files upload
add menu component
add row, column, container component

0.0.8

added ui-pop-up, ui-date-input, ui-date-time-input
fix many bugs
rework some component according to component-best-practices

0.0.7

remove ui-remote-select, ui-link, ui-dropdown
added ui-label, ui-labeled-button, ui-animated-button, ui-dropdown-menu, ui-left-labeled-button, ui-pointing-label
redesign ui-select, ui-multi-select, ui-checkbox-group, ui-radio-group
ui-alter renamed to ui-message

Tip

0.0.7 is not backward compatible, be careful to update