@kelvininc/ui-components
Version:
Kelvin UI Components
15 lines (14 loc) • 503 B
JavaScript
export const getInputPercentageFromValue = (inputValue, min, max) => {
return (100 * (inputValue - min)) / (max - min);
};
export const getInputOffset = (percentage) => {
const offSet = -0.25;
const halfDistance = percentage - 50;
return halfDistance * offSet;
};
export const getValueOffset = (percentage, value) => {
const valueLength = value.toString().length;
const offSet = -0.15 * valueLength;
const halfDistance = percentage - 50;
return halfDistance * offSet;
};