Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
classNameBindings works w/ CPs
import Ember from 'ember';
export default Ember.Component.extend({
classNameBindings: ['redText'],
redText: Ember.computed.alias('isRed')
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
.red-text {
color: red;
<h1>Welcome to {{appName}}</h1>
{{my-component isRed=true }}
This is my component and isRed: {{isRed}}
"version": "0.15.0",
"EmberENV": {
"options": {
"use_pods": false,
"enable-testing": false
"dependencies": {
"jquery": "",
"ember": "3.2.2",
"ember-template-compiler": "3.2.2",
"ember-testing": "3.2.2"
"addons": {
"ember-data": "3.2.0"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.