office-ui-fabric-react/lib/components/ChoiceGroup/examples/ChoiceGroup.Icon.Example.js

Reusable React components for building experiences for Office 365.

import * as tslib_1 from "tslib";
// @codepen
import * as React from 'react';
import { ChoiceGroup } from 'office-ui-fabric-react/lib/ChoiceGroup';
var ChoiceGroupIconExample = /** @class */ (function (_super) {
    tslib_1.__extends(ChoiceGroupIconExample, _super);
    function ChoiceGroupIconExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ChoiceGroupIconExample.prototype.render = function () {
        return (React.createElement(ChoiceGroup, { label: "Pick one icon", options: [
                {
                    key: 'day',
                    iconProps: { iconName: 'CalendarDay' },
                    text: 'Day'
                },
                {
                    key: 'week',
                    iconProps: { iconName: 'CalendarWeek' },
                    text: 'Week'
                },
                {
                    key: 'month',
                    iconProps: { iconName: 'Calendar' },
                    text: 'Month',
                    disabled: true
                }
            ] }));
    };
    return ChoiceGroupIconExample;
}(React.Component));
export { ChoiceGroupIconExample };
//# sourceMappingURL=ChoiceGroup.Icon.Example.js.map