Skip to content

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()
}