{
  "id": "daisyui-range",
  "displayName": "Range",
  "description": "Range slider is used to select a value by sliding a handle.",
  "category": "Daisy UI / Data Input",
  "tag": "div",
  "classNames": "form-control",
  "options": [
    {
      "type": "text",
      "name": "value",
      "label": "Field value",
      "modify": "none",
      "text": "0"
    },
    {
      "type": "text",
      "name": "min",
      "label": "Min value",
      "modify": "none",
      "text": "0"
    },
    {
      "type": "text",
      "name": "max",
      "label": "Max value",
      "modify": "none",
      "text": "100"
    },
    {
      "name": "required",
      "type": "select",
      "label": "Required",
      "modify": "none",
      "options": [
        {
          "label": "No",
          "value": "false"
        },
        {
          "label": "Yes",
          "value": "true"
        }
      ]
    },
    {
      "name": "size",
      "label": "Size",
      "modify": "none",
      "type": "select",
      "options": [
        {
          "label": "Default",
          "value": "range-md"
        },
        {
          "label": "xs",
          "value": "range-xs"
        },
        {
          "label": "sm",
          "value": "range-sm"
        },
        {
          "label": "lg",
          "value": "range-lg"
        }
      ]
    },
    {
      "name": "color",
      "label": "Color",
      "modify": "none",
      "type": "select",
      "options": [
        {
          "label": "Default",
          "value": ""
        },
        {
          "label": "Primary",
          "value": "range-primary"
        },
        {
          "label": "Seconday",
          "value": "range-secondary"
        },
        {
          "label": "Accent",
          "value": "range-accent"
        },
        {
          "label": "Info",
          "value": "range-info"
        },
        {
          "label": "Success",
          "value": "range-success"
        },
        {
          "label": "Warning",
          "value": "range-warning"
        },
        {
          "label": "Error",
          "value": "range-error"
        }
      ]
    },
    {
      "type": "text",
      "label": "Field name",
      "modify": "none",
      "name": "name",
      "value": "",
      "prepopulate": "instanceId"
    },
    {
      "type": "value",
      "label": "Field ID",
      "modify": "none",
      "name": "id",
      "value": "",
      "prepopulate": "instanceId"
    }
  ],
  "children": [
    {
      "id": "daisyui-range-label",
      "tag": "label",
      "classNames": "label cursor-pointer",
      "references": [
        {
          "updates": "attribute",
          "name": "for",
          "type": "option",
          "target": "id"
        }
      ],
      "children": [
        {
          "id": "daisyui-range-label-text",
          "tag": "span",
          "classNames": "label-text",
          "userSelect": true,
          "content": {
            "type": "value",
            "value": "Label text"
          }
        }
      ]
    },
    {
      "id": "daisyui-range-input",
      "tag": "input",
      "classNames": "range",
      "attributes": [
        {
          "type": "value",
          "name": "type",
          "value": "range"
        }
      ],
      "references": [
        {
          "updates": "attribute",
          "name": "required",
          "type": "option",
          "target": "required"
        },
        {
          "updates": "attribute",
          "name": "name",
          "type": "option",
          "target": "name"
        },
        {
          "updates": "attribute",
          "name": "id",
          "type": "option",
          "target": "id"
        },
        {
          "updates": "attribute",
          "name": "min",
          "type": "option",
          "target": "min"
        },
        {
          "updates": "attribute",
          "name": "max",
          "type": "option",
          "target": "max"
        },
        {
          "updates": "attribute",
          "name": "value",
          "type": "option",
          "target": "value"
        },
        {
          "updates": "classNames",
          "type": "option",
          "target": "size"
        },
        {
          "updates": "classNames",
          "type": "option",
          "target": "color"
        }
      ]
    }
  ]
}