-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.js
68 lines (55 loc) · 1.27 KB
/
options.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
let defaultOptions = {
/*
// expander placement
'bottom' is how google use to do
'right' is how google images does now
*/
display: 'bottom',
// number of columns
columns: 8,
// the gap between the columns
gap: 20,
/*
// breakpoints responsive
// must be from highest to lowest width
example:
breakpoints: {
960: {
columns: 4,
gap: 15,
},
700: {
columns: 3,
gap: 5,
},
400: {
columns: 2,
gap: 5,
display: 'bottom',
}
},
*/
breakpoints: {},
// activate debug logging
debug: false,
// navigation text
nextText: "Next",
prevText: "Previous",
closeText: "Close",
loadingText: "Loading...",
// elements classes
gridClass: "gridder-list",
itemClass: "gridder-item",
expanderClass: "gridder-show",
openExpanderClass: "gridder-open",
// Called when gridder instance is ready
init() {},
// Called when gridder instance is open
// you can access:
// this.clickedElement
// this.expanderElement
open() {},
// Called when gridder expander is closed
close() {},
}
export default defaultOptions;