office-ui-fabric-react/lib/codepen/components/ChoiceGroup/ChoiceGroup.Icon.Example.Codepen.txt

Reusable React components for building experiences for Office 365.

let { ChoiceGroup, Fabric } = window.Fabric;

class ChoiceGroupIconExample extends React.Component<any, any> {
  public render(): JSX.Element {
    return (
      <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
          }
        ]}
      />
    );
  }
}

ReactDOM.render(<ChoiceGroupIconExample />, document.getElementById('content'));