quasar/src/components/list/QSlideItem.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{
  "props": {
    "left-color": {
      "extends": "color",
      "desc": "Color name for left-side background from the Quasar Color Palette",
      "category": "style"
    },

    "right-color": {
      "extends": "color",
      "desc": "Color name for right-side background from the Quasar Color Palette",
      "category": "style"
    }
  },

  "slots": {
    "default": {
      "desc": "This is where item's sections go; Suggestion: QItemSection"
    },

    "left": {
      "desc": "Left side content when sliding"
    },

    "right": {
      "desc": "Right side content when sliding"
    }
  },

  "events": {
    "left": {
      "desc": "Emitted when user finished sliding the item to the left",
      "params": {
        "details": {
          "type": "Object",
          "desc": "Details",
          "definition": {
            "reset": {
              "type": "Function",
              "desc": "When called, it resets the component to its initial non-slided state",
              "params": null,
              "returns": null
            }
          }
        }
      }
    },

    "right": {
      "desc": "Emitted when user finished sliding the item to the right",
      "params": {
        "details": {
          "type": "Object",
          "desc": "Details",
          "definition": {
            "reset": {
              "type": "Function",
              "desc": "When called, it resets the component to its initial non-slided state",
              "params": null,
              "returns": null
            }
          }
        }
      }
    },

    "action": {
      "desc": "Emitted when user finished sliding the item to either sides",
      "params": {
        "details": {
          "type": "Object",
          "desc": "Details",
          "definition": {
            "side": {
              "type": "String",
              "desc": "Side to which sliding has taken effect",
              "values": [ "left", "right" ]
            },
            "reset": {
              "type": "Function",
              "desc": "When called, it resets the component to its initial non-slided state",
              "params": null,
              "returns": null
            }
          }
        }
      }
    }
  }
}