Skip to content

Commit fef0af6

Browse files
authored
docs(TabStrip): Fix broken example (#3167)
1 parent ded22f0 commit fef0af6

File tree

1 file changed

+15
-2
lines changed

1 file changed

+15
-2
lines changed

components/tabstrip/scrollable-tabs.md

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ The following example demonstrates this option in action.
5858
````RAZOR
5959
<TelerikTabStrip Scrollable="true"
6060
ScrollButtonsVisibility="@TabStripScrollButtonsVisibility.Auto"
61-
Width="100%">
61+
Width="30vw">
6262
<TabStripTab Title="First">
6363
First tab content.
6464
</TabStripTab>
@@ -68,6 +68,12 @@ The following example demonstrates this option in action.
6868
<TabStripTab Title="Third">
6969
Third tab content.
7070
</TabStripTab>
71+
<TabStripTab Title="Fourth">
72+
Fourth tab content.
73+
</TabStripTab>
74+
<TabStripTab Title="Fifth">
75+
Fifth tab content.
76+
</TabStripTab>
7177
</TelerikTabStrip>
7278
````
7379

@@ -83,7 +89,8 @@ The following example demonstrates this option in action.
8389

8490
````RAZOR
8591
<TelerikTabStrip Scrollable="true"
86-
ScrollButtonsVisibility="@TabStripScrollButtonsPosition.Start">
92+
ScrollButtonsPosition="@TabStripScrollButtonsPosition.Start"
93+
Width="280px">
8794
<TabStripTab Title="First">
8895
First tab content.
8996
</TabStripTab>
@@ -93,6 +100,12 @@ The following example demonstrates this option in action.
93100
<TabStripTab Title="Third">
94101
Third tab content.
95102
</TabStripTab>
103+
<TabStripTab Title="Fourth">
104+
Fourth tab content.
105+
</TabStripTab>
106+
<TabStripTab Title="Fifth">
107+
Fifth tab content.
108+
</TabStripTab>
96109
</TelerikTabStrip>
97110
````
98111

0 commit comments

Comments
 (0)