semanticpixel

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  imageURL: 'img/test.png',
  styles: {
   height: '300px',
   'background-image': 'url(img/test.png)',
  }
});

semanticpixel

import Ember from 'ember';

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

semanticpixel

import Ember from 'ember';
import MainComponent from './main-component';

export default MainComponent.extend({
  //classNameBindings: ['_className', '_className'],
  
  _componentClassName: 'first-component',
  
  init() {
    this._super(...arguments);

semanticpixel

import Ember from 'ember';
//import styled from '../styled';
/*
export default styled.h1`
	color: #333;
  font-size: 30px;
`;
*/
export default Ember.Component.extend({

semanticpixel

import Ember from 'ember';

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

semanticpixel

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: '',
  
  init() {
    this.set('tagName', '');
    this._super(...arguments);
  },
  

semanticpixel

import Ember from 'ember';
import UIButton from './ui-button';
import styled from '../utils/styled';

//export default styled(UIButton);

export default styled.button`
	background: purple;
  color: white;
	padding: 20px;

semanticpixel

import Ember from 'ember';

/**
 * mb - margin-bottom
 * mt - margin-top
 */
export default Ember.Component.extend({
  //classNames: ['ui-component'],
  classNameBindings: ['_mb', '_mt'],
  

semanticpixel

import Ember from 'ember';
import UIButton from './ui-button';
import layout from '../templates/components/ui-button';

export default UIButton.extend({
  classNames: ['ui-button--secondary'],
});

semanticpixel

import Ember from 'ember';

export default Ember.Component.extend({
  shareText: '',
  
  word: '',
  
  actions: {
    onShareEditorValueChanged(shareEditorValue) {
      this.set('shareText', shareEditorValue);