Skip to content

Commit 8e05a78

Browse files
thetaPCthetaPC
committed
refactor(tab-bar): clean up test pages
1 parent 710eac3 commit 8e05a78

File tree

2 files changed

+47
-10
lines changed

2 files changed

+47
-10
lines changed

‎core/src/components/tab-bar/test/expand/index.html‎

Lines changed: 39 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@
1717
<body>
1818
<ion-app>
1919
<ion-content>
20-
<ion-tab-bar selected-tab="1" expand="compact">
20+
<h2>Default</h2>
21+
<ion-tab-bar>
2122
<ion-tab-button tab="1">
2223
<ion-icon name="triangle-outline"></ion-icon>
2324
<ion-label>Label</ion-label>
@@ -28,7 +29,43 @@
2829
<ion-label>Label</ion-label>
2930
</ion-tab-button>
3031

31-
<ion-tab-button tab="3" class="ion-focused">
32+
<ion-tab-button tab="3">
33+
<ion-icon name="triangle-outline"></ion-icon>
34+
<ion-label>Label</ion-label>
35+
</ion-tab-button>
36+
</ion-tab-bar>
37+
38+
<h2>Full</h2>
39+
<ion-tab-bar expand="full">
40+
<ion-tab-button tab="1">
41+
<ion-icon name="triangle-outline"></ion-icon>
42+
<ion-label>Label</ion-label>
43+
</ion-tab-button>
44+
45+
<ion-tab-button tab="2">
46+
<ion-icon name="triangle-outline"></ion-icon>
47+
<ion-label>Label</ion-label>
48+
</ion-tab-button>
49+
50+
<ion-tab-button tab="3">
51+
<ion-icon name="triangle-outline"></ion-icon>
52+
<ion-label>Label</ion-label>
53+
</ion-tab-button>
54+
</ion-tab-bar>
55+
56+
<h2>Compact</h2>
57+
<ion-tab-bar expand="compact">
58+
<ion-tab-button tab="1">
59+
<ion-icon name="triangle-outline"></ion-icon>
60+
<ion-label>Label</ion-label>
61+
</ion-tab-button>
62+
63+
<ion-tab-button tab="2">
64+
<ion-icon name="triangle-outline"></ion-icon>
65+
<ion-label>Label</ion-label>
66+
</ion-tab-button>
67+
68+
<ion-tab-button tab="3">
3269
<ion-icon name="triangle-outline"></ion-icon>
3370
<ion-label>Label</ion-label>
3471
</ion-tab-button>

‎core/src/components/tab-bar/test/shape/index.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
<ion-app>
1919
<ion-content>
2020
<h2>Default</h2>
21-
<ion-tab-bar selected-tab="1" expand="compact">
21+
<ion-tab-bar>
2222
<ion-tab-button tab="1">
2323
<ion-icon name="triangle-outline"></ion-icon>
2424
<ion-label>Label</ion-label>
@@ -29,14 +29,14 @@ <h2>Default</h2>
2929
<ion-label>Label</ion-label>
3030
</ion-tab-button>
3131

32-
<ion-tab-button tab="3" class="ion-focused">
32+
<ion-tab-button tab="3">
3333
<ion-icon name="triangle-outline"></ion-icon>
3434
<ion-label>Label</ion-label>
3535
</ion-tab-button>
3636
</ion-tab-bar>
3737

3838
<h2>Soft</h2>
39-
<ion-tab-bar selected-tab="1" expand="compact" shape="soft">
39+
<ion-tab-bar shape="soft">
4040
<ion-tab-button tab="1">
4141
<ion-icon name="triangle-outline"></ion-icon>
4242
<ion-label>Label</ion-label>
@@ -47,14 +47,14 @@ <h2>Soft</h2>
4747
<ion-label>Label</ion-label>
4848
</ion-tab-button>
4949

50-
<ion-tab-button tab="3" class="ion-focused">
50+
<ion-tab-button tab="3">
5151
<ion-icon name="triangle-outline"></ion-icon>
5252
<ion-label>Label</ion-label>
5353
</ion-tab-button>
5454
</ion-tab-bar>
5555

5656
<h2>Round</h2>
57-
<ion-tab-bar selected-tab="1" expand="compact" shape="round">
57+
<ion-tab-bar shape="round">
5858
<ion-tab-button tab="1">
5959
<ion-icon name="triangle-outline"></ion-icon>
6060
<ion-label>Label</ion-label>
@@ -65,14 +65,14 @@ <h2>Round</h2>
6565
<ion-label>Label</ion-label>
6666
</ion-tab-button>
6767

68-
<ion-tab-button tab="3" class="ion-focused">
68+
<ion-tab-button tab="3">
6969
<ion-icon name="triangle-outline"></ion-icon>
7070
<ion-label>Label</ion-label>
7171
</ion-tab-button>
7272
</ion-tab-bar>
7373

7474
<h2>Rectangular</h2>
75-
<ion-tab-bar selected-tab="1" expand="compact" shape="rectangular">
75+
<ion-tab-bar shape="rectangular">
7676
<ion-tab-button tab="1">
7777
<ion-icon name="triangle-outline"></ion-icon>
7878
<ion-label>Label</ion-label>
@@ -83,7 +83,7 @@ <h2>Rectangular</h2>
8383
<ion-label>Label</ion-label>
8484
</ion-tab-button>
8585

86-
<ion-tab-button tab="3" class="ion-focused">
86+
<ion-tab-button tab="3">
8787
<ion-icon name="triangle-outline"></ion-icon>
8888
<ion-label>Label</ion-label>
8989
</ion-tab-button>

0 commit comments

Comments
 (0)