Skip to content

tzinas/react-percentages-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

48339ca · Dec 2, 2022

History

13 Commits
Dec 10, 2020
Dec 10, 2020
Dec 1, 2022
Dec 10, 2020
Dec 10, 2020
Dec 10, 2020
Dec 1, 2022
Dec 10, 2020
Dec 10, 2020
Dec 10, 2020
Dec 10, 2020
Dec 2, 2022
Dec 2, 2022

Repository files navigation

react-percentages-slider

A division percentages slider React component

NPM JavaScript Style Guide

Percentages slider

Install

npm install --save react-percentages-slider

Usage

import React, {useState} from 'react'
import PercentagesSlider from 'react-percentages-slider'

const App = () => {
  const [example, setExample] = useState([
    { text: "Item 1", color:"#e9c46a", percentage: 28 },
    { text: "Item 2", color: "#e76f51", percentage: 39 },
    { text: "Item 3", color:"#2a9d8f", percentage: 25 },
    { text: "Item 4", color:"#2a7c9d", percentage: 17 }])

  return <PercentagesSlider divisions={example} setDivisions={setExample}/>
}

License

MIT © tzinas