https://github.com/bl00mber/react-grid-dropdown

Dropdown with customizable grid which allows to separate its content to sections
https://github.com/bl00mber/react-grid-dropdown

dropdown google-material grid javascript material material-design material-ui react react-components

Last synced: 2 months ago
JSON representation

Dropdown with customizable grid which allows to separate its content to sections

• Host: GitHub
• URL: https://github.com/bl00mber/react-grid-dropdown
• Owner: bl00mber
• License: mit
• Created: 2019-03-26T11:24:47.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-09-18T10:06:13.000Z (about 6 years ago)
• Last Synced: 2024-10-15T02:31:44.149Z (12 months ago)
• Topics: dropdown, google-material, grid, javascript, material, material-design, material-ui, react, react-components
• Language: JavaScript
• Homepage: https://bl00mber.github.io/react-grid-dropdown.html
• Size: 1.43 MB
• Stars: 2
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React-Grid-Dropdown

[![npm version](https://img.shields.io/npm/v/react-grid-dropdown.svg?style=flat)](https://www.npmjs.com/package/react-grid-dropdown)

[![travis build](https://travis-ci.org/bl00mber/react-grid-dropdown.svg?branch=master)](https://travis-ci.org/bl00mber/react-grid-dropdown)

![alt tag](https://raw.githubusercontent.com/bl00mber/react-grid-dropdown/master/test/animation.gif)

## Installation

```shell-script

npm install react-grid-dropdown --save

```

## Usage

```jsx

import GridDropdown from 'react-grid-dropdown'

import 'react-grid-dropdown/dist/style.css'

 this.setState({ activeItem: 'itemId' })}]

  }

/>

```

## Options

  

     Name 

     Type 

     Description 

     Default 

  

  

     label 

     string 

  

  

     activeItem 

     string 

     item to recieve 'active' class when pressed 

  

  

     items 

     array 

     items to render in the dropdown 

  

  

     sectionsOrder 

     array 

  

  

     buttonClass 

     string 

     class for dropdown button 

  

  

     dropdownClass 

     string 

     class for dropdown container 

  

  

     itemClass 

     string 

     class for each item in the dropdown 

  

  

     itemLabelClass 

     string 

     class for text of each item 

  

  

     buttonStyle 

     string 

     style for dropdown button 

  

  

     dropdownStyle 

     string 

     style for dropdown container 

  

  

     itemStyle 

     string 

     style for each item in the dropdown 

  

  

     itemLabelStyle 

     string 

     style for text of each item 

  

## Item

  

     Name 

     Type 

  

  

     section 

     string 

  

  

     label 

     string 

  

  

     id 

     string 

  

  

     backgroundImage 

     string, url 

  

  

     backgroundColor 

     string, color 

  

  

     onClick 

     func 

  

## License

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/bl00mber/react-grid-dropdown/blob/master/LICENSE)

Developed by [bl00mber](https://github.com/bl00mber) for [cellular automata generator](https://github.com/bl00mber/cellular-automata)