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.


// quasar.conf.js

return {
  framework: {
    // NOT needed if using auto-import feature:
    components: [


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


Vertical (v1.1.3+)

Custom colors

One sided or no sides

QSlideItem API