Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 1ed0a48

Browse files
FionobleFionoble
committedMar 21, 2025·
Minor code sample and preview fixes
1 parent 4acf28a commit 1ed0a48

File tree

14 files changed

+58
-26
lines changed

14 files changed

+58
-26
lines changed
 

‎packages/ui-extensions/src/surfaces/admin/components/Checkbox/examples/preview.html

+9-1
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,16 @@
22
<html>
33
<head>
44
<script src="https://cdn.shopify.com/shopifycloud/app-bridge-ui-experimental.js"></script>
5+
<style>
6+
body {
7+
background-color: rgba(241, 241, 241, 1);
8+
margin: 20px;
9+
}
10+
</style>
511
</head>
612
<body>
7-
<s-checkbox label="Free shipping"></s-checkbox>
13+
<s-stack gap="base" justifycontent="center" aligncontent="center">
14+
<s-checkbox label="Free shipping"></s-checkbox>
15+
</s-stack>
816
</body>
917
</html>

‎packages/ui-extensions/src/surfaces/admin/components/Heading/examples/basic-heading.example.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<s-stack gap="base">
1+
<s-stack gap="base" direction="block">
22
<s-heading>Heading 1</s-heading>
33
<s-section>
44
<s-heading>Heading 2</s-heading>

‎packages/ui-extensions/src/surfaces/admin/components/Heading/examples/preview.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</style>
1111
</head>
1212
<body>
13-
<s-stack gap="base">
13+
<s-stack gap="base" direction="block">
1414
<s-heading>Heading 1</s-heading>
1515
<s-section>
1616
<s-heading>Heading 2</s-heading>

‎packages/ui-extensions/src/surfaces/admin/components/Icon/examples/basic-icon.example.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<s-stack gap="base" direction="column">
1+
<s-stack gap="base" direction="block">
22
<!-- Basic icons -->
33
<s-stack gap="base">
44
<s-icon type="home" ></s-icon>
@@ -11,8 +11,8 @@
1111
<s-stack gap="base">
1212
<s-icon type="alert-circle" tone="critical" ></s-icon>
1313
<s-icon type="check-circle" tone="success" ></s-icon>
14-
<s-icon type="info-circle" tone="info" ></s-icon>
15-
<s-icon type="warning-circle" tone="warning" ></s-icon>
14+
<s-icon type="info" tone="info" ></s-icon>
15+
<s-icon type="alert-triangle" tone="warning" ></s-icon>
1616
</s-stack>
1717

1818
<!-- Different sizes -->

‎packages/ui-extensions/src/surfaces/admin/components/Icon/examples/basic-icon.example.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
<s-stack gap="base">
1111
<s-icon type="alert-circle" tone="critical"></s-icon>
1212
<s-icon type="check-circle" tone="success"></s-icon>
13-
<s-icon type="info-circle" tone="info"></s-icon>
14-
<s-icon type="warning-circle" tone="warning"></s-icon>
13+
<s-icon type="info" tone="info"></s-icon>
14+
<s-icon type="alert-triangle" tone="warning"></s-icon>
1515
</s-stack>
1616

1717
<s-stack gap="base">

‎packages/ui-extensions/src/surfaces/admin/components/Icon/examples/preview.html

+11-11
Original file line numberDiff line numberDiff line change
@@ -10,27 +10,27 @@
1010
</style>
1111
</head>
1212
<body>
13-
<s-stack gap="base" direction="column">
13+
<s-stack gap="base" direction="block">
1414
<!-- Basic icons -->
1515
<s-stack gap="base">
16-
<s-icon type="home" ></s-icon>
17-
<s-icon type="order" ></s-icon>
18-
<s-icon type="product" ></s-icon>
19-
<s-icon type="settings" ></s-icon>
16+
<s-icon type="home"></s-icon>
17+
<s-icon type="order"></s-icon>
18+
<s-icon type="product"></s-icon>
19+
<s-icon type="settings"></s-icon>
2020
</s-stack>
2121

2222
<!-- Colored icons -->
2323
<s-stack gap="base">
24-
<s-icon type="alert-circle" tone="critical" ></s-icon>
25-
<s-icon type="check-circle" tone="success" ></s-icon>
26-
<s-icon type="info-circle" tone="info" ></s-icon>
27-
<s-icon type="warning-circle" tone="warning" ></s-icon>
24+
<s-icon type="alert-circle" tone="critical"></s-icon>
25+
<s-icon type="check-circle" tone="success"></s-icon>
26+
<s-icon type="info" tone="info"></s-icon>
27+
<s-icon type="alert-triangle" tone="warning"></s-icon>
2828
</s-stack>
2929

3030
<!-- Different sizes -->
3131
<s-stack gap="base">
32-
<s-icon type="star" size="small" ></s-icon>
33-
<s-icon type="star" size="base" ></s-icon>
32+
<s-icon type="star" size="small"></s-icon>
33+
<s-icon type="star" size="base"></s-icon>
3434
</s-stack>
3535
</s-stack>
3636
</body>

‎packages/ui-extensions/src/surfaces/admin/components/OrderedList/examples/preview.html

+6
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22
<html>
33
<head>
44
<script src="https://cdn.shopify.com/shopifycloud/app-bridge-ui-experimental.js"></script>
5+
<style>
6+
body {
7+
background-color: rgba(241, 241, 241, 1);
8+
margin: 20px;
9+
}
10+
</style>
511
</head>
612
<body>
713
<s-ordered-list>

‎packages/ui-extensions/src/surfaces/admin/components/Select/examples/preview.html

+6
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22
<html>
33
<head>
44
<script src="https://cdn.shopify.com/shopifycloud/app-bridge-ui-experimental.js"></script>
5+
<style>
6+
body {
7+
background-color: rgba(241, 241, 241, 1);
8+
margin: 20px;
9+
}
10+
</style>
511
</head>
612
<body>
713
<s-select label="Date range">

‎packages/ui-extensions/src/surfaces/admin/components/Spinner/examples/basic-spinner.example.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,6 @@
33
alignContent="center"
44
blockSize="100px"
55
>
6-
<s-spinner size="base" />
7-
<s-spinner size="large" />
6+
<s-spinner size="base"></s-spinner>
7+
<s-spinner size="large"></s-spinner>
88
</s-stack>

‎packages/ui-extensions/src/surfaces/admin/components/Spinner/examples/preview.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@
1515
alignContent="center"
1616
blockSize="100px"
1717
>
18-
<s-spinner size="base" />
19-
<s-spinner size="large" />
18+
<s-spinner size="base"></s-spinner>
19+
<s-spinner size="large"></s-spinner>
2020
</s-stack>
2121
</body>
2222
</html>

‎packages/ui-extensions/src/surfaces/admin/components/Text/examples/basic-text.example.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<s-stack gap="base">
1+
<s-stack gap="small-200">
22
<s-text type="strong">Name:</s-text>
33
<s-text>Jane Doe</s-text>
44
</s-stack>

‎packages/ui-extensions/src/surfaces/admin/components/Text/examples/preview.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</style>
1111
</head>
1212
<body>
13-
<s-stack gap="base">
13+
<s-stack gap="small-200">
1414
<s-text type="strong">Name:</s-text>
1515
<s-text>Jane Doe</s-text>
1616
</s-stack>

‎packages/ui-extensions/src/surfaces/admin/components/URLField/examples/preview.html

+7-1
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,14 @@
22
<html>
33
<head>
44
<script src="https://cdn.shopify.com/shopifycloud/app-bridge-ui-experimental.js"></script>
5+
<style>
6+
body {
7+
background-color: rgba(241, 241, 241, 1);
8+
margin: 20px;
9+
}
10+
</style>
511
</head>
612
<body>
7-
<s-urlfield label="Partner website"></s-urlfield>
13+
<s-url-field label="Partner website"></s-url-field>
814
</body>
915
</html>

‎packages/ui-extensions/src/surfaces/admin/components/UnorderedList/examples/preview.html

+6
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22
<html>
33
<head>
44
<script src="https://cdn.shopify.com/shopifycloud/app-bridge-ui-experimental.js"></script>
5+
<style>
6+
body {
7+
background-color: rgba(241, 241, 241, 1);
8+
margin: 20px;
9+
}
10+
</style>
511
</head>
612
<body>
713
<s-unordered-list>

0 commit comments

Comments
 (0)
Please sign in to comment.