Skip to content

Commit 0aa90d4

Browse files
authored
Merge pull request #413 from kefahB/patch-1
Update NS core readme
2 parents e3f787c + bab5d87 commit 0aa90d4

File tree

1 file changed

+23
-23
lines changed

1 file changed

+23
-23
lines changed

packages/tabs/README.md

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -44,73 +44,73 @@ IMPORTANT: _Make sure you include `xmlns:mds="@nativescript-community/ui-materia
4444

4545
```XML
4646
<Page xmlns:mdt="@nativescript-community/ui-material-tabs">
47-
<mdt:MDTabs selectedIndex="1">
47+
<mdt:Tabs selectedIndex="1">
4848
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
49-
<mdt:MDTabStrip>
50-
<mdt:MDTabStripItem>
49+
<mdt:TabStrip>
50+
<mdt:TabStripItem>
5151
<Label text="Home"></Label>
5252
<Image src="font://&#xf015;" class="fas"></Image>
53-
</MDTabStripItem>
54-
<mdt:MDTabStripItem>Item class="special">
53+
</TabStripItem>
54+
<mdt:TabStripItem> class="special">
5555
<Label text="Account"></Label>
5656
<Image src="font://&#xf007;" class="fas"></Image>
57-
</MDTabStripItem>
58-
<mdt:MDTabStripItem>Item class="special">
57+
</mdt:TabStripItem>
58+
<mdt:TabStripItem> class="special">
5959
<Label text="Search"></Label>
6060
<Image src="font://&#xf00e;" class="fas"></Image>
61-
</MDTabStripItem>
62-
</MDTabStrip>
61+
</mdt:TabStripItem>
62+
</mdt:TabStrip>
6363

6464
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
65-
<mdt:MDTabContentItem>
65+
<mdt:TabContentItem>
6666
<GridLayout>
6767
<Label text="Home Page" class="h2 text-center"></Label>
6868
</GridLayout>
69-
</MDTabContentItem>
70-
<mdt:MDTabContentItem>
69+
</mdt:TabContentItem>
70+
<mdt:TabContentItem>
7171
<GridLayout>
7272
<Label text="Account Page" class="h2 text-center"></Label>
7373
</GridLayout>
74-
</MDTabContentItem>
75-
<mdt:MDTabContentItem>
74+
</mdt:TabContentItem>
75+
<mdt:TabContentItem>
7676
<GridLayout>
7777
<Label text="Search Page" class="h2 text-center"></Label>
7878
</GridLayout>
79-
</MDTabContentItem>
80-
</Tabs>
79+
</mdt:TabContentItem>
80+
</mdt:Tabs>
8181
</Page>
8282
```
8383

8484
#### CSS
8585

8686
```CSS
87-
MDTabs.bottom-nav {
87+
Tabs.bottom-nav {
8888
background-color: orangered;
8989
color: gold;
9090
font-size: 18;
9191
}
9292

93-
MDTabStripItem.tabstripitem-active {
93+
TabStripItem.tabstripitem-active {
9494
background-color: teal;
9595
}
9696

97-
MDTabStripItem.tabstripitem-active:active {
97+
TabStripItem.tabstripitem-active:active {
9898
background-color: yellowgreen;
9999
}
100100

101-
MDTabContentItem.first-tabcontent {
101+
TabContentItem.first-tabcontent {
102102
background-color: seashell;
103103
color: olive;
104104
}
105-
MDTabContentItem.second-tabcontent {
105+
TabContentItem.second-tabcontent {
106106
background-color: slategray;
107107
color: aquamarine;
108108
}
109-
MDTabContentItem.third-tabcontent {
109+
TabContentItem.third-tabcontent {
110110
background-color: blueviolet;
111111
color: antiquewhite;
112112
}
113-
MDTabs MDTabStrip {
113+
Tabs MDTabStrip {
114114
highlight-color: red;
115115
}
116116
```

0 commit comments

Comments
 (0)