@@ -40,6 +40,15 @@ SwipeList component is just a helper for listing multiple SwipeOuts.
40
40
| ` disabled ` | Boolean | | false | if true items will be disabled, and text selection will be possible (on desktop). adds class `` swipeout--disabled `` |
41
41
| ` threshold ` | Number | | 45 | With that property you can fine tune when actions are considered open |
42
42
43
+ #### Events
44
+
45
+ | Prop | Payload | Description |
46
+ | ----------------------- | --------------- | -|
47
+ | ` swipeout:click ` | { event, item } | Emitted on single click/tap on the item |
48
+ | ` swipeout:doubleclick ` | { event, item } | Emitted on double click/tap on the item |
49
+ | ` active ` | Boolean | Emitted when the user is opening/closing the any of the actions |
50
+
51
+
43
52
### SwipeOut
44
53
45
54
SwipeOut is the main component, representing a single item with it's actions.
@@ -51,6 +60,14 @@ SwipeOut is the main component, representing a single item with it's actions.
51
60
| ` disabled ` | Boolean | | false | if true items will be disabled, and text selection will be possible (on desktop). adds class `` swipeout--disabled `` |
52
61
| ` threshold ` | Number | | 45 | With that property you can fine tune when actions are considered open |
53
62
63
+ #### Events
64
+
65
+ | Prop | Payload | Description |
66
+ | ----------------------- | --------------- | -|
67
+ | ` swipeout:click ` | event | Emitted on single click/tap on the item |
68
+ | ` swipeout:doubleclick ` | event | Emitted on double click/tap on the item |
69
+ | ` active ` | Boolean | Emitted when the user is opening/closing the any of the actions |
70
+
54
71
``` html
55
72
<swipe-list :items =" mockSwipeList" transition-key =" id" @swipeout:contentclick =" contentClick" @swipeout:click =" itemClick" @swipeout:doubleclick =" itemDblClick" >
56
73
<template slot-scope =" { item, index, revealLeft, revealRight, close }" >
0 commit comments