Skip to page content

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.

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



Accessibility
v2.25+

WARNING

The slide actions are pointer gestures only — there is no keyboard interaction and no assistive technology path to trigger them. Any behavior you bind to the slide events is unreachable for keyboard and screen reader users.

Always provide an equivalent way to perform the same actions — visible buttons, or a QMenu with the same commands — so the gestures remain a convenience rather than the only route.