dropdown

Dropdown

Simple (P)React dropdown menus.

Installation

npm install --save @app-elements/dropdown

Usage

import Dropdown from '@app-elements/dropdown'

<Dropdown uid='home-example'>
  <p><button onClick={ev => store.setState({modal: 'ExampleModal'})}>Open Example Modal</button></p>
  <p><button onClick={ev => showNotification({message: 'PIRATES!'})}>Pirates!</button></p>
  <p>Classy Penguin</p>
</Dropdown>

Custom Trigger

// If you provide a Component or function for the Trigger prop,
// it will be given the following props: `className='btn-dropdown' onClick={handleToggle}`
// You will need to pass these props down, so the Dropdown functionality
// works with your custom Trigger component.
<Dropdown uid='home-example' Trigger={props => <MyTrigger {...props}>Custom Trigger</MyTrigger>}>

Props

Prop	Type	Default	Description
uid	String	None	Unique identifier for the dropdown.
buttonText	String	'Select'	Text displayed in the default button trigger for the Dropdown.
noWrapper	Boolean	false	If true, will render children without any wrapping divs.
Trigger	Component	None	Any provided Component will replace the default button trigger.
children	Array	None	The elements to display when the Dropdown is open.