Package Exports
- react-circular-input
- react-circular-input/dist/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-circular-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-circular-input
React components for easily composing a circular range input
npm i react-circular-input
Example
import {
CircularInput,
CircularTrack,
CircularProgress,
CircularThumb
} from 'react-circular-input'
export default () => {
const [value, setValue] = useState(0.25)
return (
<CircularInput value={value} onChange={setValue}>
<CircularTrack />
<CircularProgress />
<CircularThumb />
</CircularInput>
)
}There's a lot more you can do with the library. From a simple gauge to a fully custom and animated circular input range.
Play around with examples at CodeSandbox:
A declarative and composable approach means we have a lot of flexibility, check out the documentation for how to go further!
Documentation
Full documentation at react-circular-input.now.sh.
Enjoy! 🎉