ember-cli-lightning-design-system
Version:
Easy installation and reusable components for the salesforce lightning design system.
30 lines (24 loc) • 728 B
JavaScript
import { computed } from '@ember/object';
import Component from '@ember/component';
import layout from '../templates/components/slds-menu';
export default Component.extend({
layout,
classNames: ['slds-dropdown-trigger', 'slds-dropdown-trigger--click'],
classNameBindings: ['isOpen:slds-is-open'],
attributeBindings: ['ariaExpanded:aria-expanded'],
isOpen: false,
position: 'topLeft',
ariaExpanded: computed('isOpen', function() {
const isOpen = this.get('isOpen');
return isOpen.toString();
}),
actions: {
toggle() {
this.toggleProperty('isOpen');
},
clicked(itemClickAction) {
this.set('isOpen', false);
itemClickAction();
}
}
});