Support Dropdown sub component markup

[levithomason]

See #346 for more information. This PR enables support for Dropdown markup via sub components. Currently we only support an array of options to configure the Dropdown. Now we support this:

<Dropdown text='File'>
  <Dropdown.Menu>
    <Dropdown.Item text='New' />
    <Dropdown.Item text='Open...' description='ctrl + o' />
    <Dropdown.Item text='Save as...' description='ctrl + s' />
    <Dropdown.Item text='Rename' description='ctrl + r' />
    <Dropdown.Item text='Make a copy' />
    <Dropdown.Item icon='trash' text='Move to trash' />
    <Dropdown.Divider />
    <Dropdown.Item text='Download As...' />
    <Dropdown.Item text='Publish To Web' />
    {/* item text can also be defined as children */}
    <Dropdown.Item>E-mail Collaborators</Dropdown.Item>
  </Dropdown.Menu>
</Dropdown>

There are known limitations. Sub menus are not supported. Fixes #346

[codecov-io]

Current coverage is 92.57% (diff: 100%)

No coverage report found for master at f1c7795.

Powered by Codecov. Last update f1c7795...0ae0ba8

[levithomason]

@tslater could you install this branch and see if it works for you? Note there is a slight difference from the example you previously followed. The first child to a Dropdown must be a Dropdown.Menu.

npm i TechnologyAdvice/stardust#feature/dropdown-menu

If you do this ^ you'd have to build it as well.

[tslater]

Ok. i'll try it. Thanks!

[levithomason]

It seems building from a branch in this way is somewhat difficult. I have tests for the functionality and I've also written a doc site example and test that manually. I'm going to just ship this as a minor version so you can install it from NPM normally.

[levithomason]

Released in v0.27.0.

[tslater]

Awesome. I got it imported and it looks like it's working so far. Thanks so much.

[levithomason]

👍 Glad it worked out!