Skip to content

Commit e2beb61

Browse files
iAmNathanJiAmNathanJ
committed
add story for Scrollable using the hint prop
1 parent 8d5e9c8 commit e2beb61

File tree

1 file changed

+89
-5
lines changed

1 file changed

+89
-5
lines changed

‎polaris-react/src/components/Scrollable/Scrollable.stories.tsx‎

Lines changed: 89 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,37 @@ export default {
99
export function Default() {
1010
return (
1111
<Card title="Terms of service" sectioned>
12-
<Scrollable shadow style={{height: '100px'}} focusable>
12+
<Scrollable shadow style={{height: '200px'}} focusable>
13+
<p>
14+
By signing up for the Shopify service (“Service”) or any of the
15+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
16+
the following terms and conditions (“Terms of Service”). The Services
17+
offered by Shopify under the Terms of Service include various products
18+
and services to help you create and manage a retail store, whether an
19+
online store (“Online Services”), a physical retail store (“POS
20+
Services”), or both. Any new features or tools which are added to the
21+
current Service shall be also subject to the Terms of Service. You can
22+
review the current version of the Terms of Service at any time at
23+
https://www.shopify.com/legal/terms. Shopify reserves the right to
24+
update and change the Terms of Service by posting updates and changes
25+
to the Shopify website. You are advised to check the Terms of Service
26+
from time to time for any updates or changes that may impact you.
27+
</p>
28+
<p>
29+
By signing up for the Shopify service (“Service”) or any of the
30+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
31+
the following terms and conditions (“Terms of Service”). The Services
32+
offered by Shopify under the Terms of Service include various products
33+
and services to help you create and manage a retail store, whether an
34+
online store (“Online Services”), a physical retail store (“POS
35+
Services”), or both. Any new features or tools which are added to the
36+
current Service shall be also subject to the Terms of Service. You can
37+
review the current version of the Terms of Service at any time at
38+
https://www.shopify.com/legal/terms. Shopify reserves the right to
39+
update and change the Terms of Service by posting updates and changes
40+
to the Shopify website. You are advised to check the Terms of Service
41+
from time to time for any updates or changes that may impact you.
42+
</p>
1343
<p>
1444
By signing up for the Shopify service (“Service”) or any of the
1545
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
@@ -33,7 +63,7 @@ export function Default() {
3363
export function ToChildComponent() {
3464
return (
3565
<Card title="Terms of service" sectioned>
36-
<Scrollable shadow style={{height: '100px'}}>
66+
<Scrollable shadow style={{height: '200px'}}>
3767
<ol>
3868
<li>Account Terms</li>
3969
</ol>
@@ -82,9 +112,9 @@ export function ToChildComponent() {
82112
<ol>
83113
<li>Account Activation</li>
84114
</ol>
85-
<Scrollable.ScrollTo>
86-
<p>2.1 Shopify Account</p>
87-
</Scrollable.ScrollTo>
115+
116+
<Scrollable.ScrollTo />
117+
<strong>2.1 Shopify Account</strong>
88118

89119
<p>
90120
Subject to section 2.1.2, the person signing up for the Service will
@@ -322,3 +352,57 @@ export function ToChildComponent() {
322352
</Card>
323353
);
324354
}
355+
356+
export function WithScrollHint() {
357+
return (
358+
<Card title="Terms of service" sectioned>
359+
<Scrollable hint shadow style={{height: '200px'}} focusable>
360+
<p>
361+
By signing up for the Shopify service (“Service”) or any of the
362+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
363+
the following terms and conditions (“Terms of Service”). The Services
364+
offered by Shopify under the Terms of Service include various products
365+
and services to help you create and manage a retail store, whether an
366+
online store (“Online Services”), a physical retail store (“POS
367+
Services”), or both. Any new features or tools which are added to the
368+
current Service shall be also subject to the Terms of Service. You can
369+
review the current version of the Terms of Service at any time at
370+
https://www.shopify.com/legal/terms. Shopify reserves the right to
371+
update and change the Terms of Service by posting updates and changes
372+
to the Shopify website. You are advised to check the Terms of Service
373+
from time to time for any updates or changes that may impact you.
374+
</p>
375+
<p>
376+
By signing up for the Shopify service (“Service”) or any of the
377+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
378+
the following terms and conditions (“Terms of Service”). The Services
379+
offered by Shopify under the Terms of Service include various products
380+
and services to help you create and manage a retail store, whether an
381+
online store (“Online Services”), a physical retail store (“POS
382+
Services”), or both. Any new features or tools which are added to the
383+
current Service shall be also subject to the Terms of Service. You can
384+
review the current version of the Terms of Service at any time at
385+
https://www.shopify.com/legal/terms. Shopify reserves the right to
386+
update and change the Terms of Service by posting updates and changes
387+
to the Shopify website. You are advised to check the Terms of Service
388+
from time to time for any updates or changes that may impact you.
389+
</p>
390+
<p>
391+
By signing up for the Shopify service (“Service”) or any of the
392+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
393+
the following terms and conditions (“Terms of Service”). The Services
394+
offered by Shopify under the Terms of Service include various products
395+
and services to help you create and manage a retail store, whether an
396+
online store (“Online Services”), a physical retail store (“POS
397+
Services”), or both. Any new features or tools which are added to the
398+
current Service shall be also subject to the Terms of Service. You can
399+
review the current version of the Terms of Service at any time at
400+
https://www.shopify.com/legal/terms. Shopify reserves the right to
401+
update and change the Terms of Service by posting updates and changes
402+
to the Shopify website. You are advised to check the Terms of Service
403+
from time to time for any updates or changes that may impact you.
404+
</p>
405+
</Scrollable>
406+
</Card>
407+
);
408+
}

0 commit comments

Comments
 (0)