Ember-semantic-ui

Downloads Version

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

Demo Docs

Components

Layout

Button

Menu

Form

Input

Checkbox

Modal

Select

Label

File

Popup

Message

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

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

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