lucid-ui/dist/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() {
        return {
            selectedIcon: 'item2',
        };
    },
    handleSelect(id) {
        // when selected, set `selectedIcon`
        this.setState({ selectedIcon: id });
    },
    render() {
        return (React.createElement(IconSelect, { kind: 'single' // renders as radio buttons
            , onSelect: this.handleSelect, items: [
                {
                    id: 'item1',
                    icon: React.createElement(ClockIcon, null),
                    isSelected: this.state.selectedIcon === 'item1',
                    label: 'Foo Bar',
                },
                {
                    id: 'item2',
                    icon: React.createElement(ClockIcon, null),
                    isSelected: this.state.selectedIcon === 'item2',
                    label: 'Bax Tar',
                },
            ] }));
    },
});