ember-cli-lightning-design-system
Version:
Easy installation and reusable components for the salesforce lightning design system.
31 lines (26 loc) • 781 B
JavaScript
import { computed, get } from '@ember/object';
import { readOnly } from '@ember/object/computed';
import Component from '@ember/component';
import layout from '../../templates/components/slds-tabs/item';
export default Component.extend({
layout,
tagName: 'li',
isActive: false,
isScoped: false,
classNameBindings: ['isScoped:slds-tabs_scoped__item:slds-tabs_default__item', 'isActive:slds-is-active'],
attributeBindings: ['role', 'title'],
role: 'presentation',
title: readOnly('text'),
ariaSelected: computed('isActive', function() {
return '' + this.isActive;
}),
actions: {
onTabClicked() {
const handler = get(this, 'clicked');
if (handler) {
const title = get(this, 'title');
handler(title);
}
}
}
});