Slider

IntroductionLinked dataHuman and agentComponents

Controls / Slider

Adjust a value across a bounded range.

Live exampleHow it worksSkill

When to use it

Adjust a value across a bounded range.

What the agent supplies

A whole-number range control (see clio.slider.v1 for fractional steps).

The agent chooses the content and binds it to the component. CLIO then renders the view and its available controls.

What the agent receives

The exact output of load_skill, including resolved local definitions.

load_skill("a2ui-catalog-basic", file="catalog.json#/components/Slider")

{
  "type": "object",
  "allOf": [
    {
      "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon"
    },
    {
      "type": "object",
      "properties": {
        "weight": {
          "type": "number",
          "description": "The relative weight of this component within a Row or Column. This is similar to the CSS 'flex-grow' property. Note: this may ONLY be set when the component is a direct descendant of a Row or Column."
        }
      }
    },
    {
      "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/Checkable"
    },
    {
      "type": "object",
      "properties": {
        "component": {
          "const": "Slider"
        },
        "label": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString",
          "description": "The label for the slider."
        },
        "min": {
          "type": "number",
          "description": "The minimum value of the slider.",
          "default": 0
        },
        "max": {
          "type": "number",
          "description": "The maximum value of the slider."
        },
        "value": {
          "$ref": "https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicNumber",
          "description": "The current value of the slider."
        }
      },
      "required": [
        "component",
        "value",
        "max"
      ]
    }
  ],
  "unevaluatedProperties": false
}

Standard refs (not loadable here): https://a2ui.org/specification/v0_9/common_types.json#/$defs/Checkable, https://a2ui.org/specification/v0_9/common_types.json#/$defs/ComponentCommon, https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicNumber, https://a2ui.org/specification/v0_9/common_types.json#/$defs/DynamicString