ASH-Bryan

import Component from '@ember/component';
import layout from '../templates/components/my-component';
import colorContract from '../mixins/color-contract';

export default Component.extend(colorContract, {
  layout,
  classNameBindings: ['mainContrastBackground'],
})

ASH-Bryan

import Component from '@ember/component';
import layout from '../templates/components/html-button';
import { observer } from '@ember/object';

export default Component.extend({
  layout,
  isVisible: false,
  isDisabled: false,
  clickAction: () => null,
  visibility: observer('isVisible', function() {

ASH-Bryan

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle'
  @service objectDepth
  @action updateService() {
    this.objectDepth.set('rootItem', 'newValue')
  }

ASH-Bryan

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  testObject: Ember.computed(() => ({
    myArray: [
      {
        arrayProp: 'Hello!'
      }
    ]

ASH-Bryan

import Ember from 'ember';

export default Ember.Component.extend({
  steps: 5678,
});

ASH-Bryan

import Ember from 'ember';


export default Ember.Component.extend({
  tagName: '',
  _isValidationAllowed(value) {
    this.isValidationAllowed(value);
  },
  isValidationAllowed: null,
  oninput() {},

ASH-Bryan

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'button',
  classNames: ['SuitButton', 'u-color-button', 'u-color-button-bg'],
  attributeBindings: ['disabled'],
  disabled: false,
});

ASH-Bryan

import Ember from 'ember';
import { computed } from '@ember/object';
import { readOnly } from '@ember/object/computed';

export default Ember.Component.extend({
  tagName: 'a',
  classNames: ['mediaCard__link', 'site-linkColor'],
  attributeBindings: ['href'],
  href: readOnly('url')
});

ASH-Bryan

import Ember from 'ember';
const { run: { later } } = Ember;

export default Ember.Controller.extend({
  greeting: 'Hallo',
  actions: {
    search(value) {
      //This would be requesting the ember-data resource
     	later(null, () => {
        Ember.set(this, 'model', value);

ASH-Bryan

import Ember from 'ember';
import { computed } from '@ember/object';
import { readOnly } from '@ember/object/computed';

export default Ember.Component.extend({
  tagName: 'a',
  classNames: ['link'],
  attributeBindings: ['href'],
  href: readOnly('url')
});