lucid-ui
Version:
A UI component library from AppNexus.
27 lines (26 loc) • 1.15 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SuccessIcon, SingleSelect } from '../../../index';
const { Placeholder, Option } = SingleSelect;
export default createClass({
render() {
return (React.createElement(SingleSelect, null,
React.createElement(Placeholder, null,
React.createElement(SuccessIcon, { style: { marginRight: 4 } }),
" Add Color"),
React.createElement(Option, null,
React.createElement(SuccessIcon, { style: { marginRight: 4 } }),
" Red"),
React.createElement(Option, null,
React.createElement(SuccessIcon, { style: { marginRight: 4 } }),
" Green"),
React.createElement(Option, null,
React.createElement(SuccessIcon, { style: { marginRight: 4 } }),
" Blue")));
},
});
// begin-hide-from-docs
export const notes = `
This allows you to include rich content in the dropdown. Use this where an image will help users make a selection, for example a company logo near the company name.
`;
// end-hide-from-docs