Slider
Interface
export type ISliderTypeValue = number;
export interface ISliderField extends CommonField {
type: 'slider';
options?: {
min?: number;
max?: number;
step?: number;
};
private?: () => Promise<ISliderTypeValue>;
render?: (v: ISliderTypeValue) => JSX.Element;
validation?: Validation<ISliderTypeValue>;
}Example
Basic Slider Field
{
type: 'slider',
name: 'YOUR_PATH',
validation: z.number().min(0).max(5).nullable()
}Slider with Custom Labels
{
type: 'slider',
name: 'YOUR_PATH',
options: {
min: 0
max: 5
ste?: 0.5
},
validation: z.number().min(0).max(5).nullable()
}