ic-styled demo

The Code:
<script type="text/x-handlebars">
  {{#x-foo}}foo{{/x-foo}}<br>
  {{#x-foo}}foo{{/x-foo}}<br>
  {{#x-bar}}bar{{/x-bar}}<br>
</script>

<script type="text/x-handlebars" id="components/x-foo-css">
x-foo {
  color: red;
}
</script>

<script type="text/x-handlebars" id="components/x-bar-css">
.x-bar {
  color: blue;
}
</script>

<script>
App = Ember.Application.create({rootElement: '#demo'});
App.XFooComponent = Ember.Component.extend({
  tagName: 'x-foo'
});
App.XBarComponent = Ember.Component.extend({
  classNames: 'x-bar'
});
</script>