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-container
• ui-text-container

Button

• ui-button
• ui-labeled-button
• ui-left-labeled-button

Menu

• ui-dropdown-menu
• ui-menu
• ui-vertical-menu
• ui-tab-menu

Form

• ui-form-input
• ui-form

Input

• ui-input-tags
• ui-input
• ui-date-input
• ui-date-time-input

Checkbox

• ui-radio-group
• ui-checkbox-group
• ui-checkbox

Modal

• ui-modal
• ui-modal-title
• ui-modal-content
• ui-modal-foot

Select

• ui-select
• ui-multi-select
• ui-select

Label

• ui-label
• ui-pointing-label

File

• ui-uploader
• file-input

Popup

• ui-popup

Message

• ui-message

Panel

• ui-panel

Getting Started

Install

In your ember-cli project, install this addon from npm

ember install ember-semantic-ui

or install the latest version from github

npm install git+https://github.com/wecatch/ember-semantic-ui --save-dev

If your ember version has remove jquery, please do as below:

ember install @ember/jquery
ember install @ember/optional-features
ember feature:enable jquery-integration

Dummy app

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

Use this addon in your ember application

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

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

2.Start ember app

ember server 

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

{{ui-input}}

Thanks

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

Release notes

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

0.0.5

2015-12-09

• ui-uploader,ui-checkbox,file-object fix some bugs

0.0.3

2015-10-21

• add file uploader component
• ui-input, ui-select, ui-checkbox-group when value change, change ui render