You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Feb 24, 2023. It is now read-only.
@@ -68,6 +71,46 @@ Every first-level child of `<agile>` is a new slide.
68
71
</agile>
69
72
```
70
73
74
+
## Responsive
75
+
76
+
To use a responsive, I recommend passing settings in options object.
77
+
78
+
### Example
79
+
80
+
```vue
81
+
<agile :options="options">
82
+
...
83
+
</agile>
84
+
```
85
+
86
+
```js
87
+
data () {
88
+
return {
89
+
options: {
90
+
arrows:false,
91
+
92
+
responsive: [
93
+
{
94
+
breakpoint:600,
95
+
settings: {
96
+
dots:false
97
+
}
98
+
},
99
+
100
+
{
101
+
breakpoint:900,
102
+
settings: {
103
+
arrows:true,
104
+
dots:true,
105
+
infinite:false
106
+
}
107
+
}
108
+
]
109
+
}
110
+
}
111
+
}
112
+
```
113
+
71
114
## SSR Support
72
115
73
116
The component uses browser specific attributes (like `window` and `document`). It is necessary, so probably the only option is to run vue-agile only on the client-side. It was tested on [nuxt v1.0.0-rc7](https://github.com/nuxt/nuxt.js/releases/tag/v1.0.0-rc7) and works fine.
0 commit comments