1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | import Component from '@ember/component'; import layout from '../templates/components/el-header'; import {computed, get} from "@ember/object"; import {htmlSafe} from '@ember/template'; export default Component.extend({ layout, tagName: 'header', classNames: ['el-header'], height: '60px', attributeBindings: ['style', 'dataComponent:data-component'], dataComponent: 'el-header', style: computed('height', function () { return htmlSafe('height: ' + get(this, 'height')); }), }); |