lucid-ui/lib/components/IconSelect/examples/1.select-one-icon.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { IconSelect, ClockIcon } from '../../../index';
export default createClass({
  getInitialState: function getInitialState() {
    return {
      selectedIcon: 'item2'
    };
  },
  handleSelect: function handleSelect(id) {
    // when selected, set `selectedIcon`
    this.setState({
      selectedIcon: id
    });
  },
  render: function render() {
    return /*#__PURE__*/React.createElement(IconSelect, {
      kind: "single" // renders as radio buttons
      ,
      onSelect: this.handleSelect,
      items: [{
        id: 'item1',
        icon: /*#__PURE__*/React.createElement(ClockIcon, null),
        isSelected: this.state.selectedIcon === 'item1',
        label: 'Foo Bar'
      }, {
        id: 'item2',
        icon: /*#__PURE__*/React.createElement(ClockIcon, null),
        isSelected: this.state.selectedIcon === 'item2',
        label: 'Bax Tar'
      }]
    });
  }
});