Skip to content

Commit c19fb67

Browse files
farfromrefugfarfromrefug
committed
chore: doc fix
1 parent 8dfab0b commit c19fb67

File tree

1 file changed

+43
-43
lines changed

1 file changed

+43
-43
lines changed

‎packages/tabs/README.md

+43-43
Original file line numberDiff line numberDiff line change
@@ -45,37 +45,37 @@ IMPORTANT: _Make sure you include `xmlns:mds="@nativescript-community/ui-materia
4545
<Page xmlns:mdt="@nativescript-community/ui-material-tabs">
4646
<mdt:Tabs selectedIndex="1">
4747
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
48-
<TabStrip>
49-
<TabStripItem>
48+
<MDTabStrip>
49+
<MDTabStripItem>
5050
<Label text="Home"></Label>
5151
<Image src="font://&#xf015;" class="fas"></Image>
52-
</TabStripItem>
53-
<TabStripItem class="special">
52+
</MDTabStripItem>
53+
<MDTabStrip>Item class="special">
5454
<Label text="Account"></Label>
5555
<Image src="font://&#xf007;" class="fas"></Image>
56-
</TabStripItem>
57-
<TabStripItem class="special">
56+
</MDTabStripItem>
57+
<MDTabStrip>Item class="special">
5858
<Label text="Search"></Label>
5959
<Image src="font://&#xf00e;" class="fas"></Image>
60-
</TabStripItem>
61-
</TabStrip>
60+
</MDTabStripItem>
61+
</MDTabStrip>
6262

6363
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
64-
<TabContentItem>
64+
<MDTabContentItem>
6565
<GridLayout>
6666
<Label text="Home Page" class="h2 text-center"></Label>
6767
</GridLayout>
68-
</TabContentItem>
69-
<TabContentItem>
68+
</MDTabContentItem>
69+
<MDTabContentItem>
7070
<GridLayout>
7171
<Label text="Account Page" class="h2 text-center"></Label>
7272
</GridLayout>
73-
</TabContentItem>
74-
<TabContentItem>
73+
</MDTabContentItem>
74+
<MDTabContentItem>
7575
<GridLayout>
7676
<Label text="Search Page" class="h2 text-center"></Label>
7777
</GridLayout>
78-
</TabContentItem>
78+
</MDTabContentItem>
7979
</Tabs>
8080
</Page>
8181
```
@@ -133,37 +133,37 @@ import { NativeScriptMaterialTabsModule } from "@nativescript-community/ui-mater
133133
```html
134134
<MDTabs selectedIndex="1">
135135
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
136-
<TabStrip>
137-
<TabStripItem>
136+
<MDTabStrip>
137+
<MDTabStripItem>
138138
<Label text="Home"></Label>
139139
<Image src="font://&#xf015;" class="fas"></Image>
140-
</TabStripItem>
141-
<TabStripItem class="special">
140+
</MDTabStripItem>
141+
<MDTabStrip>Item class="special">
142142
<Label text="Account"></Label>
143143
<Image src="font://&#xf007;" class="fas"></Image>
144-
</TabStripItem>
145-
<TabStripItem class="special">
144+
</MDTabStripItem>
145+
<MDTabStrip>Item class="special">
146146
<Label text="Search"></Label>
147147
<Image src="font://&#xf00e;" class="fas"></Image>
148-
</TabStripItem>
149-
</TabStrip>
148+
</MDTabStripItem>
149+
</MDTabStrip>
150150

151151
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
152-
<TabContentItem>
152+
<MDTabContentItem>
153153
<GridLayout>
154154
<Label text="Home Page" class="h2 text-center"></Label>
155155
</GridLayout>
156-
</TabContentItem>
157-
<TabContentItem>
156+
</MDTabContentItem>
157+
<MDTabContentItem>
158158
<GridLayout>
159159
<Label text="Account Page" class="h2 text-center"></Label>
160160
</GridLayout>
161-
</TabContentItem>
162-
<TabContentItem>
161+
</MDTabContentItem>
162+
<MDTabContentItem>
163163
<GridLayout>
164164
<Label text="Search Page" class="h2 text-center"></Label>
165165
</GridLayout>
166-
</TabContentItem>
166+
</MDTabContentItem>
167167
</MDTabs>
168168
```
169169

@@ -180,37 +180,37 @@ Vue.use(TabsPlugin);
180180
```html
181181
<MDTabs selectedIndex="1">
182182
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
183-
<TabStrip>
184-
<TabStripItem>
183+
<MDTabStrip>
184+
<MDTabStripItem>
185185
<Label text="Home"></Label>
186186
<Image src="font://&#xf015;" class="fas"></Image>
187-
</TabStripItem>
188-
<TabStripItem class="special">
187+
</MDTabStripItem>
188+
<MDTabStrip>Item class="special">
189189
<Label text="Account"></Label>
190190
<Image src="font://&#xf007;" class="fas"></Image>
191-
</TabStripItem>
192-
<TabStripItem class="special">
191+
</MDTabStripItem>
192+
<MDTabStrip>Item class="special">
193193
<Label text="Search"></Label>
194194
<Image src="font://&#xf00e;" class="fas"></Image>
195-
</TabStripItem>
196-
</TabStrip>
195+
</MDTabStripItem>
196+
</MDTabStrip>
197197

198198
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
199-
<TabContentItem>
199+
<MDTabContentItem>
200200
<GridLayout>
201201
<Label text="Home Page" class="h2 text-center"></Label>
202202
</GridLayout>
203-
</TabContentItem>
204-
<TabContentItem>
203+
</MDTabContentItem>
204+
<MDTabContentItem>
205205
<GridLayout>
206206
<Label text="Account Page" class="h2 text-center"></Label>
207207
</GridLayout>
208-
</TabContentItem>
209-
<TabContentItem>
208+
</MDTabContentItem>
209+
<MDTabContentItem>
210210
<GridLayout>
211211
<Label text="Search Page" class="h2 text-center"></Label>
212212
</GridLayout>
213-
</TabContentItem>
213+
</MDTabContentItem>
214214
</MDTabs>
215215
```
216216

@@ -220,7 +220,7 @@ Vue.use(TabsPlugin);
220220

221221
| Name | Type | Description |
222222
| ------------- | :-------------: | -----: |
223-
| items | Array<TabContentItem> | Gets or sets the items of the BottomNavigation. |
223+
| items | Array<MDTabContentItem> | Gets or sets the items of the BottomNavigation. |
224224
|selectedIndex | number | Gets or sets the selectedIndex of the BottomNavigation. |
225225
|swipeEnabled | boolean | Gets or sets the swipe enabled state of the Tabs. |
226226
|offscreenTabLimit | number | Gets or sets the number of offscreen preloaded tabs of the Tabs. |

0 commit comments

Comments
 (0)