View async-select-options.jsx
import React from 'react';
import { Select } from 'uniform';
class SomeForm extends React.Component {
constructor(props) {
super(props);
this.state = {
favStarwarsCharacter: null,
isLoadingOptions: false,
View character-option.jsx
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>
View select_basic_usage.jsx
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 {
View HudlModalBetaDocs.md

Modal

An modal dialog displayed above an obscuring overlay.

Example

Sandbox

Basic Usage:

<Modal