office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
48 lines (46 loc) • 2.48 kB
JavaScript
define(["require", "exports", "tslib", "./index", "react"], function (require, exports, tslib_1, index_1, React) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/* tslint:enable:no-unused-variable */
var ChoiceGroupVPage = (function (_super) {
tslib_1.__extends(ChoiceGroupVPage, _super);
function ChoiceGroupVPage() {
return _super !== null && _super.apply(this, arguments) || this;
}
ChoiceGroupVPage.prototype.render = function () {
return React.createElement("div", null,
React.createElement("div", { style: { backgroundColor: 'white' } },
React.createElement(index_1.ChoiceGroup, { label: 'Choice Group', className: 'ChoiceGroup', defaultSelectedKey: 'pie', options: [{
key: 'bar',
text: 'Bar chart'
}, {
key: 'pie',
text: 'Pie chart'
}] })),
"\u00A0",
React.createElement("div", { style: { backgroundColor: 'white' } },
React.createElement(index_1.ChoiceGroup, { label: 'Choice Group Icon', className: 'ChoiceGroupIcon', defaultSelectedKey: 'week', options: [{
key: 'day',
iconProps: { iconName: 'CalendarDay' },
text: 'Day'
}, {
key: 'week',
iconProps: { iconName: 'CalendarWeek' },
text: 'Week'
}] })),
"\u00A0",
React.createElement("div", { style: { backgroundColor: 'white' } },
React.createElement(index_1.ChoiceGroup, { label: 'Choice Group Disabled', className: 'ChoiceGroupDisabled', defaultSelectedKey: 'pie', disabled: true, options: [{
key: 'bar',
text: 'Bar chart'
}, {
key: 'pie',
text: 'Pie chart'
}] })),
"\u00A0");
};
return ChoiceGroupVPage;
}(React.Component));
exports.default = ChoiceGroupVPage;
});
//# sourceMappingURL=ChoiceGroupPage.visualtest.js.map