A React Hook to keep the given value(s) between the given minimum and maximum values.
$ yarn add use-clamp
Import
import useClamp from 'use-clamp';
Usage
const clampedValue = useClamp(value, 0, 100);
With passing array of numbers as first arguments will keep sum of the values between range.
- Each value will stay above the min value.
- If total of the values exceeds maximum value, each values will have the weighted values.
const clampedValue = useClamp([20, 80, 50, 50], 0, 100);
// clampedValue = [10, 40, 25, 25]