forked from mParticle/docs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscrollTopButton.stories.jsx
More file actions
381 lines (351 loc) · 21.4 KB
/
Copy pathscrollTopButton.stories.jsx
File metadata and controls
381 lines (351 loc) · 21.4 KB
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
import React from 'react';
import ScrollTopButton from '../src/components/ScrollTopButton/scrolltopbutton';
export default {
title: 'Navigation',
component: ScrollTopButton,
};
export const ScrollTopButtonModule = () => (
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
egestas lacus vel dolor placerat imperdiet. Mauris ac vestibulum
erat. Nam sed egestas nunc, sed finibus justo. Nulla congue purus
non nisl sollicitudin, eget scelerisque massa vestibulum. Nunc nec
semper quam. Morbi ullamcorper leo massa, a commodo lectus
pellentesque eu. Curabitur consectetur, mauris eget tristique
volutpat, lorem lorem dictum nisi, vestibulum cursus augue nunc eu
nisi. Integer lobortis consectetur imperdiet. Nulla sit amet aliquet
justo, non mattis nunc. Praesent imperdiet nisl sed lectus
condimentum sagittis.
</p>
<p>
Fusce sed mollis magna. Aliquam interdum aliquam dui, in gravida
ante venenatis a. Proin ullamcorper mollis magna, vitae faucibus
lacus volutpat in. Phasellus blandit odio eu dui feugiat, nec
placerat quam eleifend. Sed imperdiet vitae est sed sollicitudin.
Nullam sit amet neque tellus. Morbi quis efficitur ipsum. Mauris
imperdiet porttitor velit, non varius lacus. In blandit sem quis
quam ultrices, vitae sagittis nisl sollicitudin.
</p>
<p>
Duis velit nisl, interdum nec diam sed, commodo fringilla tortor.
Proin at facilisis ligula. Nulla a gravida augue, quis malesuada
mauris. Maecenas nulla nunc, efficitur pharetra nulla sed, pretium
faucibus nisi. Sed dignissim nisi id quam vulputate convallis. Sed
risus augue, porta ut semper non, iaculis a nisi. In nec risus vitae
turpis fringilla pharetra. Etiam vestibulum dolor quis dapibus
lobortis. Nullam tincidunt semper venenatis.
</p>
<p>
Nunc ultricies faucibus augue, sit amet efficitur purus dignissim
vitae. Morbi id eros tristique, faucibus dui in, pulvinar sem. Proin
laoreet lectus massa, at iaculis libero pellentesque sed. Maecenas
gravida vulputate nulla, ac gravida magna. Ut non quam dui.
Phasellus vitae justo massa. Quisque congue dui vel felis aliquet
vehicula. Aenean et turpis sem. Donec congue et augue non imperdiet.
Etiam ac urna hendrerit, imperdiet nibh id, vestibulum augue. Ut
suscipit est id sem tristique hendrerit. Suspendisse ut elementum
eros.
</p>
<p>
Ut ultricies quis lorem nec porta. Nullam tellus quam, luctus vitae
sem ut, efficitur mollis velit. Ut nulla magna, pharetra ut egestas
eu, aliquam sed eros. Proin sit amet tempus tortor, et accumsan
tortor. Cras vitae velit odio. Proin luctus consequat mauris,
tincidunt feugiat urna dapibus ac. Cras non felis viverra, semper
tortor et, eleifend tortor.
</p>
<p>
Vestibulum suscipit dui quis diam elementum, in mollis lacus
iaculis. Curabitur tempor pellentesque sem ut luctus. Duis accumsan
elit ac porta semper. Morbi hendrerit faucibus augue fermentum
ultricies. Etiam quis neque vel leo cursus porttitor aliquam at
erat. Suspendisse a ante viverra, fermentum metus in, ullamcorper
arcu. Ut eleifend porta viverra. Nam libero odio, tincidunt et
lectus ut, porttitor pretium risus. Nam sit amet est lacinia dolor
elementum pretium.
</p>
<p>
Maecenas porttitor, libero pharetra sodales pellentesque, felis quam
luctus dui, quis bibendum turpis odio in orci. Ut vestibulum ac enim
ac bibendum. Vivamus eu lorem imperdiet, scelerisque mauris vel,
finibus eros. Pellentesque dictum luctus mollis. Nunc et lacinia
libero, id ornare lacus. Duis consectetur tellus nec ante interdum
iaculis. Curabitur gravida, magna ut consectetur efficitur, augue
est lobortis sapien, eu mattis nibh tortor sed nunc. Morbi dictum
tincidunt nisl, eget egestas urna porttitor sed. Aenean nisi quam,
commodo sit amet blandit nec, auctor in erat. Etiam at arcu
suscipit, imperdiet nibh id, viverra turpis. Aliquam molestie
faucibus malesuada.
</p>
<p>
Morbi ullamcorper vitae nulla eget fringilla. Integer dapibus, lorem
ut malesuada finibus, purus ex feugiat urna, a dapibus ligula ligula
a sapien. Maecenas sed orci velit. Aenean rhoncus, urna non
ultricies ultricies, enim arcu faucibus massa, id tristique sapien
eros nec ligula. Donec sed tortor blandit, sodales nibh at, aliquam
dui. Ut in sapien sit amet turpis suscipit sagittis. Cras nisl diam,
mollis ut felis eget, dignissim mattis ante. Sed fringilla, nulla in
ornare ultricies, ante nulla euismod ex, at facilisis est ipsum
dignissim ligula. Morbi et malesuada dui. Sed ac consectetur mauris.
</p>
<p>
Donec rutrum libero in lacus blandit venenatis tincidunt eu arcu.
Maecenas at mattis arcu, ac rhoncus urna. Proin volutpat elementum
nibh, nec maximus odio interdum vel. Praesent a vehicula ipsum.
Integer massa nibh, venenatis vel dui sed, finibus faucibus eros.
Nulla tristique velit efficitur enim interdum, eu placerat magna
efficitur. Maecenas sed tortor in augue iaculis commodo. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos. Vivamus convallis id libero at rutrum. Nullam eu
finibus arcu. Sed ac dolor molestie, convallis turpis et, efficitur
justo. Cras a convallis nunc. Nam nunc nibh, faucibus ut turpis non,
porttitor tristique turpis. Sed vulputate et lorem nec congue. Fusce
id diam ligula. In nunc nisl, aliquam vel arcu eu, faucibus auctor
felis.
</p>
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia curae; Suspendisse congue auctor efficitur. Nunc
ante augue, auctor ac ex non, tristique hendrerit nibh. Sed a enim a
dui volutpat blandit. Sed aliquam suscipit leo, vel pellentesque dui
bibendum ut. Fusce imperdiet sit amet lacus vel consequat. Fusce dui
metus, dictum ac molestie sed, congue id lorem. Nam sodales varius
posuere. Donec pellentesque venenatis tellus sit amet tempus. Morbi
vestibulum nisl id erat efficitur, non eleifend purus dictum. Orci
varius natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Sed eget lacinia metus. Suspendisse mauris arcu,
hendrerit in sagittis sed, porta convallis turpis. Donec nisi velit,
ornare sit amet est eu, viverra congue est. Quisque volutpat erat
nec est luctus suscipit.
</p>
<p>
Aenean bibendum tempor molestie. Nunc nec nunc sapien. Sed fermentum
tempor tincidunt. Nam pulvinar, ex pretium varius mollis, metus
tortor elementum turpis, a scelerisque justo est facilisis dui. Sed
mattis volutpat scelerisque. Pellentesque magna sem, commodo sit
amet enim sit amet, venenatis porta ante. Sed laoreet convallis
nisl. Suspendisse consequat felis tellus, at tempus diam
pellentesque porta. Sed finibus sodales enim. In mauris eros,
fringilla quis magna a, porta lobortis quam. Proin quis laoreet
libero. Curabitur ut fermentum sem.
</p>
<p>
In nec venenatis mi. Donec consectetur quis urna sit amet cursus.
Mauris sagittis eleifend tortor sit amet sagittis. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia
curae; Maecenas sit amet porttitor elit. Fusce sapien tortor,
tincidunt at massa ac, tempor bibendum leo. Nam ut lacinia orci.
Aenean at bibendum nibh. Nullam semper lectus non mauris facilisis
egestas. In quis dolor sit amet velit ornare cursus. Ut condimentum
nisl lacus, ut vehicula arcu tincidunt a. Aliquam erat volutpat.
Nunc sed pulvinar magna. Nulla cursus tempor metus et venenatis. Ut
sit amet nunc viverra, elementum urna eu, placerat erat.
</p>
<p>
Donec tincidunt leo non suscipit convallis. Etiam maximus mauris
quis velit efficitur laoreet. Donec nec arcu vehicula, accumsan
velit vitae, tincidunt nulla. Phasellus at tortor at risus accumsan
efficitur. Aliquam pellentesque, ex ac ultricies lacinia, justo
libero pharetra diam, at tincidunt eros libero vitae massa. Nulla eu
leo purus. Nunc in est metus. Phasellus a finibus massa. Quisque
iaculis, magna eu luctus volutpat, metus lorem pulvinar lorem,
vestibulum rutrum arcu odio et quam. Sed egestas vestibulum
consequat. In vitae vestibulum purus.
</p>
<p>
Sed dapibus nunc vehicula risus laoreet volutpat. Suspendisse
dapibus nec dui in sodales. Nunc lobortis tincidunt nibh, vel
tristique metus cursus sed. Fusce nunc nulla, porttitor nec tempor
eget, finibus ac felis. Vivamus eleifend augue purus, eget
scelerisque elit aliquet sit amet. Quisque diam augue, gravida ac
fermentum sit amet, dictum quis nisi. Morbi vitae arcu quam. Nam sed
massa malesuada, tristique elit nec, placerat sapien. Sed non
consectetur felis. Maecenas in enim volutpat, pellentesque risus
non, faucibus mi. Nulla facilisi. Aenean risus lorem, pellentesque
et tincidunt eget, faucibus nec ante. Sed eu risus sit amet purus
euismod sodales. Vivamus quis sapien dapibus, vulputate augue id,
accumsan diam. Mauris tincidunt tristique dolor at bibendum. Nullam
velit lacus, venenatis lacinia eros quis, facilisis venenatis elit.
</p>
<p>
Curabitur cursus mattis odio, sit amet euismod erat tempor a.
Curabitur eu ipsum ante. Nunc molestie libero augue, at auctor nisi
aliquam in. Suspendisse potenti. Nullam aliquet dui at sapien
rhoncus convallis. Interdum et malesuada fames ac ante ipsum primis
in faucibus. Nam quis arcu ipsum. Maecenas vitae urna malesuada urna
vestibulum blandit. Maecenas sodales nisi a ex efficitur porta.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
egestas lacus vel dolor placerat imperdiet. Mauris ac vestibulum
erat. Nam sed egestas nunc, sed finibus justo. Nulla congue purus
non nisl sollicitudin, eget scelerisque massa vestibulum. Nunc nec
semper quam. Morbi ullamcorper leo massa, a commodo lectus
pellentesque eu. Curabitur consectetur, mauris eget tristique
volutpat, lorem lorem dictum nisi, vestibulum cursus augue nunc eu
nisi. Integer lobortis consectetur imperdiet. Nulla sit amet aliquet
justo, non mattis nunc. Praesent imperdiet nisl sed lectus
condimentum sagittis.
</p>
<p>
Fusce sed mollis magna. Aliquam interdum aliquam dui, in gravida
ante venenatis a. Proin ullamcorper mollis magna, vitae faucibus
lacus volutpat in. Phasellus blandit odio eu dui feugiat, nec
placerat quam eleifend. Sed imperdiet vitae est sed sollicitudin.
Nullam sit amet neque tellus. Morbi quis efficitur ipsum. Mauris
imperdiet porttitor velit, non varius lacus. In blandit sem quis
quam ultrices, vitae sagittis nisl sollicitudin.
</p>
<p>
Duis velit nisl, interdum nec diam sed, commodo fringilla tortor.
Proin at facilisis ligula. Nulla a gravida augue, quis malesuada
mauris. Maecenas nulla nunc, efficitur pharetra nulla sed, pretium
faucibus nisi. Sed dignissim nisi id quam vulputate convallis. Sed
risus augue, porta ut semper non, iaculis a nisi. In nec risus vitae
turpis fringilla pharetra. Etiam vestibulum dolor quis dapibus
lobortis. Nullam tincidunt semper venenatis.
</p>
<p>
Nunc ultricies faucibus augue, sit amet efficitur purus dignissim
vitae. Morbi id eros tristique, faucibus dui in, pulvinar sem. Proin
laoreet lectus massa, at iaculis libero pellentesque sed. Maecenas
gravida vulputate nulla, ac gravida magna. Ut non quam dui.
Phasellus vitae justo massa. Quisque congue dui vel felis aliquet
vehicula. Aenean et turpis sem. Donec congue et augue non imperdiet.
Etiam ac urna hendrerit, imperdiet nibh id, vestibulum augue. Ut
suscipit est id sem tristique hendrerit. Suspendisse ut elementum
eros.
</p>
<p>
Ut ultricies quis lorem nec porta. Nullam tellus quam, luctus vitae
sem ut, efficitur mollis velit. Ut nulla magna, pharetra ut egestas
eu, aliquam sed eros. Proin sit amet tempus tortor, et accumsan
tortor. Cras vitae velit odio. Proin luctus consequat mauris,
tincidunt feugiat urna dapibus ac. Cras non felis viverra, semper
tortor et, eleifend tortor.
</p>
<p>
Vestibulum suscipit dui quis diam elementum, in mollis lacus
iaculis. Curabitur tempor pellentesque sem ut luctus. Duis accumsan
elit ac porta semper. Morbi hendrerit faucibus augue fermentum
ultricies. Etiam quis neque vel leo cursus porttitor aliquam at
erat. Suspendisse a ante viverra, fermentum metus in, ullamcorper
arcu. Ut eleifend porta viverra. Nam libero odio, tincidunt et
lectus ut, porttitor pretium risus. Nam sit amet est lacinia dolor
elementum pretium.
</p>
<p>
Maecenas porttitor, libero pharetra sodales pellentesque, felis quam
luctus dui, quis bibendum turpis odio in orci. Ut vestibulum ac enim
ac bibendum. Vivamus eu lorem imperdiet, scelerisque mauris vel,
finibus eros. Pellentesque dictum luctus mollis. Nunc et lacinia
libero, id ornare lacus. Duis consectetur tellus nec ante interdum
iaculis. Curabitur gravida, magna ut consectetur efficitur, augue
est lobortis sapien, eu mattis nibh tortor sed nunc. Morbi dictum
tincidunt nisl, eget egestas urna porttitor sed. Aenean nisi quam,
commodo sit amet blandit nec, auctor in erat. Etiam at arcu
suscipit, imperdiet nibh id, viverra turpis. Aliquam molestie
faucibus malesuada.
</p>
<p>
Morbi ullamcorper vitae nulla eget fringilla. Integer dapibus, lorem
ut malesuada finibus, purus ex feugiat urna, a dapibus ligula ligula
a sapien. Maecenas sed orci velit. Aenean rhoncus, urna non
ultricies ultricies, enim arcu faucibus massa, id tristique sapien
eros nec ligula. Donec sed tortor blandit, sodales nibh at, aliquam
dui. Ut in sapien sit amet turpis suscipit sagittis. Cras nisl diam,
mollis ut felis eget, dignissim mattis ante. Sed fringilla, nulla in
ornare ultricies, ante nulla euismod ex, at facilisis est ipsum
dignissim ligula. Morbi et malesuada dui. Sed ac consectetur mauris.
</p>
<p>
Donec rutrum libero in lacus blandit venenatis tincidunt eu arcu.
Maecenas at mattis arcu, ac rhoncus urna. Proin volutpat elementum
nibh, nec maximus odio interdum vel. Praesent a vehicula ipsum.
Integer massa nibh, venenatis vel dui sed, finibus faucibus eros.
Nulla tristique velit efficitur enim interdum, eu placerat magna
efficitur. Maecenas sed tortor in augue iaculis commodo. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos. Vivamus convallis id libero at rutrum. Nullam eu
finibus arcu. Sed ac dolor molestie, convallis turpis et, efficitur
justo. Cras a convallis nunc. Nam nunc nibh, faucibus ut turpis non,
porttitor tristique turpis. Sed vulputate et lorem nec congue. Fusce
id diam ligula. In nunc nisl, aliquam vel arcu eu, faucibus auctor
felis.
</p>
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia curae; Suspendisse congue auctor efficitur. Nunc
ante augue, auctor ac ex non, tristique hendrerit nibh. Sed a enim a
dui volutpat blandit. Sed aliquam suscipit leo, vel pellentesque dui
bibendum ut. Fusce imperdiet sit amet lacus vel consequat. Fusce dui
metus, dictum ac molestie sed, congue id lorem. Nam sodales varius
posuere. Donec pellentesque venenatis tellus sit amet tempus. Morbi
vestibulum nisl id erat efficitur, non eleifend purus dictum. Orci
varius natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Sed eget lacinia metus. Suspendisse mauris arcu,
hendrerit in sagittis sed, porta convallis turpis. Donec nisi velit,
ornare sit amet est eu, viverra congue est. Quisque volutpat erat
nec est luctus suscipit.
</p>
<p>
Aenean bibendum tempor molestie. Nunc nec nunc sapien. Sed fermentum
tempor tincidunt. Nam pulvinar, ex pretium varius mollis, metus
tortor elementum turpis, a scelerisque justo est facilisis dui. Sed
mattis volutpat scelerisque. Pellentesque magna sem, commodo sit
amet enim sit amet, venenatis porta ante. Sed laoreet convallis
nisl. Suspendisse consequat felis tellus, at tempus diam
pellentesque porta. Sed finibus sodales enim. In mauris eros,
fringilla quis magna a, porta lobortis quam. Proin quis laoreet
libero. Curabitur ut fermentum sem.
</p>
<p>
In nec venenatis mi. Donec consectetur quis urna sit amet cursus.
Mauris sagittis eleifend tortor sit amet sagittis. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia
curae; Maecenas sit amet porttitor elit. Fusce sapien tortor,
tincidunt at massa ac, tempor bibendum leo. Nam ut lacinia orci.
Aenean at bibendum nibh. Nullam semper lectus non mauris facilisis
egestas. In quis dolor sit amet velit ornare cursus. Ut condimentum
nisl lacus, ut vehicula arcu tincidunt a. Aliquam erat volutpat.
Nunc sed pulvinar magna. Nulla cursus tempor metus et venenatis. Ut
sit amet nunc viverra, elementum urna eu, placerat erat.
</p>
<p>
Donec tincidunt leo non suscipit convallis. Etiam maximus mauris
quis velit efficitur laoreet. Donec nec arcu vehicula, accumsan
velit vitae, tincidunt nulla. Phasellus at tortor at risus accumsan
efficitur. Aliquam pellentesque, ex ac ultricies lacinia, justo
libero pharetra diam, at tincidunt eros libero vitae massa. Nulla eu
leo purus. Nunc in est metus. Phasellus a finibus massa. Quisque
iaculis, magna eu luctus volutpat, metus lorem pulvinar lorem,
vestibulum rutrum arcu odio et quam. Sed egestas vestibulum
consequat. In vitae vestibulum purus.
</p>
<p>
Sed dapibus nunc vehicula risus laoreet volutpat. Suspendisse
dapibus nec dui in sodales. Nunc lobortis tincidunt nibh, vel
tristique metus cursus sed. Fusce nunc nulla, porttitor nec tempor
eget, finibus ac felis. Vivamus eleifend augue purus, eget
scelerisque elit aliquet sit amet. Quisque diam augue, gravida ac
fermentum sit amet, dictum quis nisi. Morbi vitae arcu quam. Nam sed
massa malesuada, tristique elit nec, placerat sapien. Sed non
consectetur felis. Maecenas in enim volutpat, pellentesque risus
non, faucibus mi. Nulla facilisi. Aenean risus lorem, pellentesque
et tincidunt eget, faucibus nec ante. Sed eu risus sit amet purus
euismod sodales. Vivamus quis sapien dapibus, vulputate augue id,
accumsan diam. Mauris tincidunt tristique dolor at bibendum. Nullam
velit lacus, venenatis lacinia eros quis, facilisis venenatis elit.
</p>
<p>
Curabitur cursus mattis odio, sit amet euismod erat tempor a.
Curabitur eu ipsum ante. Nunc molestie libero augue, at auctor nisi
aliquam in. Suspendisse potenti. Nullam aliquet dui at sapien
rhoncus convallis. Interdum et malesuada fames ac ante ipsum primis
in faucibus. Nam quis arcu ipsum. Maecenas vitae urna malesuada urna
vestibulum blandit. Maecenas sodales nisi a ex efficitur porta.
</p>
<ScrollTopButton />
</div>
);