@app-elements/dropdown

    4.0.1 • Public • Published

    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.

    Install

    npm i @app-elements/dropdown

    DownloadsWeekly Downloads

    0

    Version

    4.0.1

    License

    ISC

    Unpacked Size

    51.4 kB

    Total Files

    14

    Last publish

    Collaborators

    • adriaanwm
    • coryschadt
    • staydecent
    • trustfall