Skip to content

Commit 410a38a

Browse files
iAmNathanJiAmNathanJ
committed
add story for Scrollable using the hint prop
1 parent c6d9f60 commit 410a38a

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
@@ -127,7 +157,7 @@ export function WithHorizonalScrollPrevention() {
127157
export function ToChildComponent() {
128158
return (
129159
<Card title="Terms of service" sectioned>
130-
<Scrollable shadow style={{height: '100px'}}>
160+
<Scrollable shadow style={{height: '200px'}}>
131161
<ol>
132162
<li>Account Terms</li>
133163
</ol>
@@ -176,9 +206,9 @@ export function ToChildComponent() {
176206
<ol>
177207
<li>Account Activation</li>
178208
</ol>
179-
<Scrollable.ScrollTo>
180-
<p>2.1 Shopify Account</p>
181-
</Scrollable.ScrollTo>
209+
210+
<Scrollable.ScrollTo />
211+
<strong>2.1 Shopify Account</strong>
182212

183213
<p>
184214
Subject to section 2.1.2, the person signing up for the Service will
@@ -416,3 +446,57 @@ export function ToChildComponent() {
416446
</Card>
417447
);
418448
}
449+
450+
export function WithScrollHint() {
451+
return (
452+
<Card title="Terms of service" sectioned>
453+
<Scrollable hint shadow style={{height: '200px'}} focusable>
454+
<p>
455+
By signing up for the Shopify service (“Service”) or any of the
456+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
457+
the following terms and conditions (“Terms of Service”). The Services
458+
offered by Shopify under the Terms of Service include various products
459+
and services to help you create and manage a retail store, whether an
460+
online store (“Online Services”), a physical retail store (“POS
461+
Services”), or both. Any new features or tools which are added to the
462+
current Service shall be also subject to the Terms of Service. You can
463+
review the current version of the Terms of Service at any time at
464+
https://www.shopify.com/legal/terms. Shopify reserves the right to
465+
update and change the Terms of Service by posting updates and changes
466+
to the Shopify website. You are advised to check the Terms of Service
467+
from time to time for any updates or changes that may impact you.
468+
</p>
469+
<p>
470+
By signing up for the Shopify service (“Service”) or any of the
471+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
472+
the following terms and conditions (“Terms of Service”). The Services
473+
offered by Shopify under the Terms of Service include various products
474+
and services to help you create and manage a retail store, whether an
475+
online store (“Online Services”), a physical retail store (“POS
476+
Services”), or both. Any new features or tools which are added to the
477+
current Service shall be also subject to the Terms of Service. You can
478+
review the current version of the Terms of Service at any time at
479+
https://www.shopify.com/legal/terms. Shopify reserves the right to
480+
update and change the Terms of Service by posting updates and changes
481+
to the Shopify website. You are advised to check the Terms of Service
482+
from time to time for any updates or changes that may impact you.
483+
</p>
484+
<p>
485+
By signing up for the Shopify service (“Service”) or any of the
486+
services of Shopify Inc. (“Shopify”) you are agreeing to be bound by
487+
the following terms and conditions (“Terms of Service”). The Services
488+
offered by Shopify under the Terms of Service include various products
489+
and services to help you create and manage a retail store, whether an
490+
online store (“Online Services”), a physical retail store (“POS
491+
Services”), or both. Any new features or tools which are added to the
492+
current Service shall be also subject to the Terms of Service. You can
493+
review the current version of the Terms of Service at any time at
494+
https://www.shopify.com/legal/terms. Shopify reserves the right to
495+
update and change the Terms of Service by posting updates and changes
496+
to the Shopify website. You are advised to check the Terms of Service
497+
from time to time for any updates or changes that may impact you.
498+
</p>
499+
</Scrollable>
500+
</Card>
501+
);
502+
}

0 commit comments

Comments
 (0)