Skip to content

Commit 97d23ff

Browse files
kineticjskineticjs
committed
feat(ui5-list): update sample
1 parent 2ee134c commit 97d23ff

2 files changed

Lines changed: 22 additions & 12 deletions

File tree

‎packages/website/docs/_samples/main/List/StickyHeader/main.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
import "@ui5/webcomponents/dist/List.js";
22
import "@ui5/webcomponents/dist/ListItemStandard.js";
33

4-
import "@ui5/webcomponents-icons/dist/product.js";
4+
import "@ui5/webcomponents-icons/dist/nutrition-activity.js";

‎packages/website/docs/_samples/main/List/StickyHeader/sample.html‎

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,23 +5,33 @@
55
<head>
66
<meta charset="UTF-8">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<title>Sample</title>
8+
<title>Sticky Header Sample</title>
99
</head>
1010

1111
<body style="background-color: var(--sapBackgroundColor)">
1212
<!-- playground-fold-end -->
1313

1414
<ui5-list headerText="Sticky Header" sticky-header>
15-
<ui5-li icon="product">Item #1</ui5-li>
16-
<ui5-li icon="product">Item #2</ui5-li>
17-
<ui5-li icon="product">Item #3</ui5-li>
18-
<ui5-li icon="product">Item #4</ui5-li>
19-
<ui5-li icon="product">Item #5</ui5-li>
20-
<ui5-li icon="product">Item #6</ui5-li>
21-
<ui5-li icon="product">Item #7</ui5-li>
22-
<ui5-li icon="product">Item #8</ui5-li>
23-
<ui5-li icon="product">Item #9</ui5-li>
24-
<ui5-li icon="product">Item #10</ui5-li>
15+
<ui5-li icon="nutrition-activity" description="Tropical plant with an edible fruit" additional-text="In-stock"
16+
additional-text-state="Positive">Pineapple</ui5-li>
17+
<ui5-li icon="nutrition-activity" description="Occurs between red and yellow" additional-text="Expires"
18+
additional-text-state="Critical">Orange</ui5-li>
19+
<ui5-li icon="nutrition-activity" description="The yellow lengthy fruit" additional-text="Re-stock"
20+
additional-text-state="Information">Blueberry</ui5-li>
21+
<ui5-li icon="nutrition-activity" description="The tropical stone fruit" additional-text="Re-stock"
22+
additional-text-state="Negative">Mango</ui5-li>
23+
<ui5-li icon="nutrition-activity" description="A sweet red or green pomaceous fruit" additional-text="In-stock"
24+
additional-text-state="Positive">Apple</ui5-li>
25+
<ui5-li icon="nutrition-activity" description="A long curved fruit with soft sweet flesh" additional-text="Expires"
26+
additional-text-state="Critical">Banana</ui5-li>
27+
<ui5-li icon="nutrition-activity" description="A small red fruit with seeds on the outside" additional-text="In-stock"
28+
additional-text-state="Positive">Strawberry</ui5-li>
29+
<ui5-li icon="nutrition-activity" description="A small juicy fruit growing in clusters" additional-text="Re-stock"
30+
additional-text-state="Information">Grape</ui5-li>
31+
<ui5-li icon="nutrition-activity" description="A tropical fruit with orange flesh and black seeds" additional-text="Re-stock"
32+
additional-text-state="Negative">Papaya</ui5-li>
33+
<ui5-li icon="nutrition-activity" description="A small brown fruit with bright green flesh" additional-text="In-stock"
34+
additional-text-state="Positive">Kiwi</ui5-li>
2535
</ui5-list>
2636

2737
<!-- playground-fold -->

0 commit comments

Comments
 (0)