@reusable-ui/range
Version:
A UI for the user defines a numeric value in the specified range.
25 lines (24 loc) • 646 B
TypeScript
import { Factory, CssKnownProps, CssRule, CssVars } from '@cssfn/core';
export interface RangeVars {
/**
* Range's thumb ratio.
*/
valueRatio: any;
/**
* final background layers of the Range.
*/
trackBackg: any;
}
export interface RangeStuff {
rangeRule: Factory<CssRule>;
rangeVars: CssVars<RangeVars>;
}
export interface RangeConfig {
trackBackg?: CssKnownProps['background'];
}
/**
* Uses Range variables.
* @param config A configuration of `rangeRule`.
* @returns A `RangeStuff` represents the Range variable rules.
*/
export declare const usesRange: (config?: RangeConfig) => RangeStuff;