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.

TIP

If your content also has images, you might want to add draggable="false" to them, otherwise the native browser behavior might interfere in a negative way.

Basic
Vertical (v1.1.3+)
Custom colors
One sided or no sides

QSlideItem API

Loading API...
Please wait...