An modal dialog displayed above an obscuring overlay.
<ModalAn 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 { |
| 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, |