An modal dialog displayed above an obscuring overlay.
<Modal
An modal dialog displayed above an obscuring overlay.
<Modal
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 { |
import React from 'react'; | |
import { Select } from 'uniform'; | |
class SomeForm extends React.Component { | |
constructor(props) { | |
super(props); | |
this.state = { | |
favStarwarsCharacter: null, | |
isLoadingOptions: false, |
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> |