Describe what the PR changes
(If applicable) Pic, GIF, or other illustration of issue before the PR
(If applicable) Pic, GIF, or other illustration of issue or feature that this PR implements
const CharacterOption = ({ value, data, onSelect }) => { | |
return ( | |
<div onClick={() => onSelect(value)}> | |
<div className="char-avatar"> | |
<img src={data.avatar} /> | |
</div> | |
<div className="char-name"> | |
{data.firstName} {data.lastName} | |
</div> |
import React from 'react'; | |
import { Select } from 'uniform'; | |
class SomeForm extends React.Component { | |
constructor(props) { | |
super(props); | |
this.state = { | |
favStarwarsCharacter: null, | |
isLoadingOptions: false, |
import React from 'react'; | |
import { Select } from 'uniform'; | |
const selectOptions = [ | |
{ label: 'Luke Sywalker', value: 'lukeSkywalker' }, | |
{ label: 'Han Solo', value: 'hanSolo' }, | |
{ label: 'Jar Jar Binks', value: 'jarJarBinks'}, | |
]; | |
class SomeForm extends React.Component { |
An modal dialog displayed above an obscuring overlay.
<Modal