react-pills-component v1.1.0

react-pills-component

react-pills-component lets you create a pill or capsule from a provided list.You select/deselect pills and use props to style your pills.

Installation

npm install --save react-pills-component

Usage

import Pills from "react-pills-component";

   const data = [
       {
        text: "Apple",
        id: "1",
        pillColor: "yellow",
        selected: false,
        selectedPillColor: "blue",
        textColor: "white",
      },
      {
        text: "Milk",
        id: "2",
        pillColor: "blue",
        selected: false,
        selectedPillColor: "yellow",
        textColor: "white",
      },
      {
        text: "Sunday",
        id: "3",
        pillColor: "orange",
        selected: false,
        selectedPillColor: "white",
        textColor: "grey",
      },
      {
        text: "The brightest star",
        id: "4",
        pillColor: "white",
        selected: false,
        selectedPillColor: "blue",
      },
      {
        text: "Javascript",
        id: "5",
        pillColor: "red",
        selected: false,
        selectedPillColor: "blue",
        textColor: "white",
      }
    ],

   <Pills itemList={data} selectedPill={this.selectedData} />

Inputs to pass and Props

License

MIT