@zenequityui/dropdown

Installation

To install a component run

$ npm install @zenequityui/dropdown --save

Please import CSS styles via

@import '/path__to__node_modules/@zenequityui/dropdown/dist/index.min.css

Usage

Dropdown Button Click

import { Dropdown } from '@zenequityui/dropdown';

const suggestions = [
  {title: 'Action', value: 'action', isEnable: true},
  {title: 'Another action', value: 'another action', isEnable: false},
  {title: 'Something else here', value: 'something else here', isEnable: true},
];

<Dropdown
  title="Dropdown"
  isIcon
  suggestions={suggestions}
  renderSuggestion={(suggestion) => suggestion.title}
  selectValue={(meta, item) => { console.log(meta, item); }}
/>

Dropdown Link

import { Dropdown } from '@zenequityui/dropdown';

const suggestions = [
  {title: 'Action', link: '/#', isEnable: true},
  {title: 'Another action', link: '/#', isEnable: true},
  {title: 'Something else here', link: '/#', isEnable: true},
];

<Dropdown
  title="Dropdown"
  isIcon
  suggestions={suggestions}
  renderSuggestion={(suggestion) => suggestion.title}
  selectValue={(meta, item) => { console.log(meta, item); }}
/>