ENHANCEMENT: DropdownButton Component

[wijohnst]

Dropdown specific wrapper component around aButton component

Screen shot, Button component with CaretIcon

This Button is the default state and control for the Dropdown component. The final Dropdown component will have 2 children, DropdownButton and DropdownMenu:

<Dropdown> // <- We will build this later
  <DropdownButton /> // <- This is what we are building
  <DropdownMenu /> // <- Will build this later
</Dropdown>

This pattern is modeled after the React Bootstrap Dropdown component

[wijohnst]

Separation of Concerns

Separation of Concern is the big thing that I'm starting to think about as we build the DropdownButton component. DropdownButton and DropdownMenu are both Dumb Components:

"Dumb" Component Overview"

Basically we need to make sure that most of the functionality for both of these components is passed down as props from either Dropdown (top-level component) or from some other parent context. Let's make sure we talk about his in detail.