givanse

import Ember from 'ember';

export default Ember.Component.extend({
  
  classNames: ['a-drawer'],

  values: [],

  selectedValue: 'x',
  

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  
  classNames: ['click-me'],

  classNameBindings: ['flip:ohno:awyeah'],
  
  flip: false,

givanse

Tooltips

https://github.com/sir-dunxalot/ember-tooltips

SVG

https://github.com/givanse/mvc-tree https://mvc.givan.se/

Maps

givanse

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

givanse

import Ember from 'ember';

export default Ember.Controller.extend({
  
  notDependedOn: '',
  
  dependedOn: '',
 
  someResult: Ember.computed('dependedOn', function() {
    return this.get('dependedOn') + ' ' +

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['item'],
  classNameBindings: ['enabled:enabled:disabled']
});

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  value: 0
});

givanse

import Ember from 'ember';

export default Ember.Component.extend({
});

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    greet: function() {
      // I'm here just to bubble up the action
      console.log('child: greet');
      this.sendAction('greet');
    }
  }

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    oneWayInputUpdate: function(value) {
      this.attrs.updateOneWay(value);
    }
  }
});