react-chip

Manage a list of chips based on a strings list.

Usage no npm install needed!

<script type="module">
  import reactChip from 'https://cdn.skypack.dev/react-chip';
</script>

README

ReactChip - Manage a list of chips based on a strings list.

Manage a list of chips based on a strings list.

Travis Status AppVeyor Status Codacy Status Dependencies Status Version Status Download Status Gitter Chat

Why it's awesome

[description]

Install

Install with npm

$ npm install react-chip

Install with Yarn

$ yarn add react-chip

Usage

import React from 'react'
import ReactChip from 'react-chip'

// basic usage
<ReactChip onChange={chips => {console.log(chips)}} />

// advanced usage
<ReactChip
  className={'MyClassName'}
  defaultChips={['React', 'Node.js']}
  defaultValue={'JavaScript'}
  id={'my-id'}
  name={'something'}
  maxLength={10}
  onChange={chips => {console.log(chips)}}
/>

Contributing

Want to contribute? Follow these recommendations.

License

Designed with ♥ by CJ Patoilo. Licensed under the mit License.