@@ -46,37 +46,37 @@ IMPORTANT: _Make sure you include `xmlns:mds="@nativescript-community/ui-materia
4646<Page xmlns : mdt =" @nativescript-community/ui-material-bottom-navigation" >
4747 <mdt : BottomNavigation selectedIndex =" 1" >
4848 <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
49- <mdt : TabStrip >
50- <mdt : TabStripItem >
49+ <mdt : MDTabStrip >
50+ <mdt : MDTabStripItem >
5151 <Label text =" Home" ></Label >
5252 <Image src =" font:// " class =" fas" ></Image >
53- </mdt : TabStripItem >
54- <mdt : TabStripItem class =" special" >
53+ </mdt : MDTabStripItem >
54+ <mdt : MDTabStripItem class =" special" >
5555 <Label text =" Account" ></Label >
5656 <Image src =" font:// " class =" fas" ></Image >
57- </mdt : TabStripItem >
58- <mdt : TabStripItem class =" special" >
57+ </mdt : MDTabStripItem >
58+ <mdt : MDTabStripItem class =" special" >
5959 <Label text =" Search" ></Label >
6060 <Image src =" font:// " class =" fas" ></Image >
61- </mdt : TabStripItem >
62- </mdt : TabStrip >
61+ </mdt : MDTabStripItem >
62+ </mdt : MDTabStrip >
6363
6464 <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
65- <mdt : TabContentItem >
65+ <mdt : MDTabContentItem >
6666 <GridLayout >
6767 <Label text =" Home Page" class =" h2 text-center" ></Label >
6868 </GridLayout >
69- </mdt : TabContentItem >
70- <mdt : TabContentItem >
69+ </mdt : MDTabContentItem >
70+ <mdt : MDTabContentItem >
7171 <GridLayout >
7272 <Label text =" Account Page" class =" h2 text-center" ></Label >
7373 </GridLayout >
74- </mdt : TabContentItem >
75- <mdt : TabContentItem >
74+ </mdt : MDTabContentItem >
75+ <mdt : MDTabContentItem >
7676 <GridLayout >
7777 <Label text =" Search Page" class =" h2 text-center" ></Label >
7878 </GridLayout >
79- </mdt : TabContentItem >
79+ </mdt : MDTabContentItem >
8080 </mdt : BottomNavigation >
8181</Page >
8282```
@@ -90,23 +90,23 @@ MDBottomNavigation.bottom-nav {
9090 font-size : 18 ;
9191}
9292
93- TabStripItem .tabstripitem-active {
93+ MDTabStripItem .tabstripitem-active {
9494 background-color : teal ;
9595}
9696
97- TabStripItem .tabstripitem-active :active {
97+ MDTabStripItem .tabstripitem-active :active {
9898 background-color : yellowgreen ;
9999}
100100
101- TabContentItem .first-tabcontent {
101+ MDTabContentItem .first-tabcontent {
102102 background-color : seashell ;
103103 color : olive ;
104104}
105- TabContentItem .second-tabcontent {
105+ MDTabContentItem .second-tabcontent {
106106 background-color : slategray ;
107107 color : aquamarine ;
108108}
109- TabContentItem .third-tabcontent {
109+ MDTabContentItem .third-tabcontent {
110110 background-color : blueviolet ;
111111 color : antiquewhite ;
112112}
0 commit comments