@blackbaud/skyux
Version:
SKY UX built on Angular 2
21 lines • 1.36 kB
JavaScript
import { Component, Input } from '@angular/core';
var SkyKeyInfoComponent = (function () {
function SkyKeyInfoComponent() {
this.layout = 'vertical';
}
return SkyKeyInfoComponent;
}());
export { SkyKeyInfoComponent };
SkyKeyInfoComponent.decorators = [
{ type: Component, args: [{
selector: 'sky-key-info',
template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value\">\n <ng-content select=\"sky-key-info-value\"></ng-content>\n </div>\n <div class=\"sky-key-info-label\">\n <ng-content select=\"sky-key-info-label\"></ng-content>\n </div>\n</div>\n",
styles: [".sky-key-info{display:inline-block;margin-right:30px}.sky-key-info-value{color:#282b31;font-weight:400;font-size:22px;font-stretch:condensed}.sky-key-info-label{color:#686c73;font-weight:400;font-size:15px}.sky-key-info-horizontal .sky-key-info-value,.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info-horizontal .sky-key-info-label{margin-left:5px}\n"]
},] },
];
/** @nocollapse */
SkyKeyInfoComponent.ctorParameters = function () { return []; };
SkyKeyInfoComponent.propDecorators = {
'layout': [{ type: Input },],
};
//# sourceMappingURL=key-info.component.js.map