2019-08-29 21:41:21 +00:00
DropdownButton
===
A button useful for a launcher of a dropdown component. The button is 100% width of its container and displays single or multiple lines rendered as `<span/>` elments.
## Usage
```jsx
< Dropdown
renderToggle={ ( { isOpen, onToggle } ) => (
< DropdownButton
onClick={ onToggle }
isOpen={ isOpen }
2021-08-13 18:54:24 +00:00
labels={ [ 'All products Sold' ] }
2019-08-29 21:41:21 +00:00
/>
) }
renderContent={ () => (
< p > Dropdown content here< / p >
) }
/>
```
### Props
Name | Type | Default | Description
--- | --- | --- | ---
`labels` | Array | `null` | (required) An array of elements to be rendered as the content of the button
`isOpen` | Boolean | `null` | Boolean describing if the dropdown in open or not