Slide Item

The QSlideItem component is essentially a QItem with two additional slots (left and right) which allows user to drag the item (through mouse or with the finger on a touch device) to one of the sides in order to apply a specific action.

Installation


// quasar.conf.js

return {
  framework: {
    // NOT needed if using auto-import feature:
    components: [
      'QSlideItem'
    ]
  }
}

Usage

Drag with the mouse or use your finger to pan to left or right side to see QSlideItem in action.

Basic



Vertical (v1.1.3+)



Custom colors



One sided or no sides



QSlideItem API