miguelcobain

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'button',
  attributeBindings: ['href', 'target'],
  
  init() {
    this._super(...arguments);
    if (this.get('href')) {
      this.set('tagName', 'a');

miguelcobain

import Ember from 'ember';

export default Ember.Component.extend({
  classNameBindings: ['defaultClasses'],
  init() {
    this._super(...arguments);
    let providedClasses = this.get('class');
    
    // if we don't find a certain class
    // we add default classes

miguelcobain

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions: {
    didChange() {
      alert('I changed');
    }
  }
});

miguelcobain

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  prop: 'a',
  obj: {
    a: 'value a',
    b: 'value b',
    c: 'value c'
  }

miguelcobain

import Ember from 'ember';

let Animal = Ember.Object.extend({
  bark() {
    alert('super bark!');
    return 'aurf!';
  }
});

export default Ember.Controller.extend({

miguelcobain

import Ember from 'ember';

let Animal = Ember.Object.extend({
  bark() {
    return 'aurf!';
  }
});

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',

miguelcobain

import Ember from 'ember';

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

miguelcobain

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions: {
    didClick() {
      this.toggleProperty('borderBottom');
    }
  }
});

miguelcobain

import Ember from 'ember';

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

miguelcobain

import Ember from 'ember';

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