@trellixio/roaster-coffee
Version:
Beans' product component library
34 lines • 1.62 kB
TypeScript
import * as React from 'react';
export interface RangeFieldProps {
/** The HTML ID attribute to be applied to the range input element (optional). */
id?: string;
/** The minimum value of the range input field (optional). */
min?: number;
/** The maximum value of the range input field (optional). */
max?: number;
/** The step value of the range input field (optional). */
step?: number;
/** The name attribute to be applied to the range input element (optional). */
name?: string;
/** The value of the range input field (optional). */
value?: number;
/** Whether the range input field should be disabled (optional). */
disabled?: boolean;
/** The default value of the range input field (optional). */
defaultValue?: number;
/** CSS class names to be applied to the label element (optional). */
labelClassName?: string;
/** The label to be displayed next to the range input field (optional). */
label?: React.ReactNode;
/** The help text to be displayed below the range input field (optional). */
helpText?: React.ReactNode;
/**
* A function that is called when the value of the range input field changes (optional).
* This function accepts the new value of the range input field as input.
*/
onChange?(value: number): void;
/** Inline styles to be applied to the range input element (optional). */
inputStyle?: React.CSSProperties;
}
export declare const RangeField: React.ForwardRefExoticComponent<RangeFieldProps & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=RangeField.d.ts.map