@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
55 lines (54 loc) • 2.01 kB
TypeScript
import type { SliderRootProps } from 'reka-ui';
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/range';
import type { ComponentConfig } from '../types/utils';
type Range = ComponentConfig<typeof theme, AppConfig, 'range'>;
export interface RangeProps extends Pick<SliderRootProps, 'name' | 'disabled' | 'inverted' | 'min' | 'max' | 'step' | 'minStepsBetweenThumbs'> {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/**
* @defaultValue 'md'
*/
size?: Range['variants']['size'];
/**
* @defaultValue 'primary'
*/
color?: Range['variants']['color'];
/**
* The orientation of the Range.
* @defaultValue 'horizontal'
*/
orientation?: SliderRootProps['orientation'];
/**
* The value of the Range when initially rendered. Use when you do not need to control the state of the Range
*/
defaultValue?: number | number[];
class?: any;
b24ui?: Range['slots'];
}
export interface RangeEmits {
(e: 'update:modelValue', payload: number | number[]): void;
(e: 'change', payload: Event): void;
}
declare const _default: import("vue").DefineComponent<RangeProps & {
modelValue?: number | number[];
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (value: number | number[] | undefined) => any;
} & {
change: (payload: Event) => any;
"update:modelValue": (payload: number | number[]) => any;
}, string, import("vue").PublicProps, Readonly<RangeProps & {
modelValue?: number | number[];
}> & Readonly<{
onChange?: ((payload: Event) => any) | undefined;
"onUpdate:modelValue"?: ((payload: number | number[]) => any) | undefined;
}>, {
orientation: "horizontal" | "vertical";
step: number;
max: number;
min: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
export default _default;