RangeSlider#

pydantic model zero_true.RangeSlider#

A slider component that allows a user to select a range of values

Show JSON schema
{
   "title": "RangeSlider",
   "description": "A slider component that allows a user to select a range of values",
   "type": "object",
   "properties": {
      "id": {
         "description": "Unique id for a component",
         "title": "Id",
         "type": "string"
      },
      "variable_name": {
         "default": "",
         "description": "Optional variable name associated with a component",
         "title": "Variable Name",
         "type": "string"
      },
      "component": {
         "default": "v-range-slider",
         "description": "Vue component name",
         "title": "Component",
         "type": "string"
      },
      "value": {
         "default": [
            0,
            100
         ],
         "description": "Current value range of the slider",
         "items": {
            "anyOf": [
               {
                  "type": "integer"
               },
               {
                  "type": "number"
               }
            ]
         },
         "title": "Value",
         "type": "array"
      },
      "min": {
         "anyOf": [
            {
               "type": "integer"
            },
            {
               "type": "number"
            }
         ],
         "default": 0,
         "description": "Minimum value of the slider",
         "title": "Min"
      },
      "max": {
         "anyOf": [
            {
               "type": "integer"
            },
            {
               "type": "number"
            }
         ],
         "default": 100,
         "description": "Maximum value of the slider",
         "title": "Max"
      },
      "step": {
         "anyOf": [
            {
               "type": "integer"
            },
            {
               "type": "number"
            }
         ],
         "default": 1,
         "description": "Step increment of the slider",
         "gt": 0,
         "title": "Step"
      },
      "thumb_label": {
         "default": "always",
         "description": "Displays the thumb label",
         "title": "Thumb Label",
         "type": "string"
      },
      "thumb_size": {
         "default": 0,
         "description": "Size of the thumb",
         "title": "Thumb Size",
         "type": "integer"
      },
      "tick_labels": {
         "default": false,
         "description": "Displays the tick labels",
         "title": "Tick Labels",
         "type": "boolean"
      },
      "ticks": {
         "default": [],
         "description": "Displays the ticks",
         "items": {},
         "title": "Ticks",
         "type": "array"
      },
      "color": {
         "default": "primary",
         "description": "Color of the range slider. Can be custom or standard Material color",
         "pre": true,
         "title": "Color",
         "type": "string"
      },
      "size": {
         "default": "large",
         "description": "Size of the slider",
         "title": "Size",
         "type": "string"
      },
      "label": {
         "anyOf": [
            {
               "type": "string"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "A label for your slider",
         "title": "Label"
      },
      "rounded": {
         "default": true,
         "description": "Determines if the slider has rounded edges",
         "title": "Rounded",
         "type": "boolean"
      },
      "triggerEvent": {
         "default": "end",
         "description": "Trigger event for when to trigger a run",
         "title": "Triggerevent",
         "type": "string"
      }
   },
   "required": [
      "id"
   ]
}

field color: str = 'primary'#

Color of the range slider. Can be custom or standard Material color

Validated by:
  • validate_color

field component: str = 'v-range-slider'#

Vue component name

field label: str | None = None#

A label for your slider

field max: int | float = 100#

Maximum value of the slider

field min: int | float = 0#

Minimum value of the slider

field rounded: bool = True#

Determines if the slider has rounded edges

field size: str = 'large'#

Size of the slider

field step: int | float = 1#

Step increment of the slider

Constraints:
  • gt = 0

field thumb_label: str = 'always'#

Displays the thumb label

field thumb_size: int = 0#

Size of the thumb

field tick_labels: bool = False#

Displays the tick labels

field ticks: list = []#

Displays the ticks

field triggerEvent: str = 'end'#

Trigger event for when to trigger a run

field value: List[int | float] = [0, 100]#

Current value range of the slider

classmethod get_value_from_global_state(value, values)#