Support all dropdown types

[levithomason]

http://semantic-ui.com/modules/dropdown.html

[levithomason]

We have basic support for dropdowns using the select element. However, there are more cases to support which use other HTML elements.

[levithomason]

Brain dump per our dropdown API planning. This spec should cover all cases of dropdowns:

import React, {Component} from 'react';
import {Dropdown, DropdownItem} from 'stardust';

export default class DropdownMultipleSelectionExample extends Component {
  render() {
    return (
      <div>
        {/* Adding a button bar */}
        <Buttons>
          <Button>Save</Button>
          <Dropdown className='floating icon button' text=''>
            ...
          </Dropdown>
        </Buttons>

        <Dropdown text='File' className='floating labeled icon dropdown button' icon='add user' multiple name='skills'>
          {/* a Menu is added here automatically, to contain the items */}

          {/* minimal item definition */}
          <DropdownItem value='check-it-out' text='Check it out' />
          <DropdownItem value='check-it-out'>Check it out</DropdownItem>

          {/* item description (gray text to the right of the text) */}
          <DropdownItem text='Check it out' description='this is gray'/>

          <Divider />

          <DropdownItem value='ruby'>
            Ruby
            <DropdownMenu className='left'>
              <Input className='icon' icon='search' />
              <Header icon='foo'>Yo</Header>

              <Divider />
              <DropdownItem value='' />
            </DropdownMenu>
          </DropdownItem>
          <DropdownItem value='MongoDB'>MongoDB</DropdownItem>
          <DropdownItem value='AngularJS'>AngularJS</DropdownItem>
        </Dropdown>

        <Dropdown>
          <DropdownItem value='Ruby' text='Ruby' />
          <DropdownItem value='MongoDB' text='MongoDB' />
          <DropdownItem value='AngularJS' text='AngularJS' />
          <DropdownItem value=''>
            <Image />
            This is an option
            <DropdownMenu>
              <DropdownItem value='' />
            </DropdownMenu>
          </DropdownItem>
        </Dropdown>
      </div>
    );
  }
}

[tslater]

I'm trying to import DropdownItem to do this in my project, but it looks like it's no longer being exported?

[levithomason]

Correct, I'll address this in the new issue posted #346.