|
5 | 5 | "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TabControllerScreen/index.tsx",
|
6 | 6 | "images": [],
|
7 | 7 | "props": [
|
8 |
| - {"name": "items", "type": "TabControllerItemProps[]", "description": "The list of tab bar items"}, |
9 |
| - {"name": "initialIndex", "type": "number", "description": "Initial selected index", "default": "0"}, |
| 8 | + { |
| 9 | + "name": "items", |
| 10 | + "type": "TabControllerItemProps[]", |
| 11 | + "description": "The list of tab bar items" |
| 12 | + }, |
| 13 | + { |
| 14 | + "name": "initialIndex", |
| 15 | + "type": "number", |
| 16 | + "description": "Initial selected index", |
| 17 | + "default": "0" |
| 18 | + }, |
10 | 19 | {
|
11 | 20 | "name": "onChangeIndex",
|
12 | 21 | "type": "(index: number, prevIndex: number | null) => void",
|
|
25 | 34 | "note": "Does not work with asCarousel",
|
26 | 35 | "default": "false"
|
27 | 36 | },
|
28 |
| - {"name": "carouselPageWidth;", "type": "number", "description": "Pass for custom carousel page width"} |
| 37 | + { |
| 38 | + "name": "carouselPageWidth;", |
| 39 | + "type": "number", |
| 40 | + "description": "Pass for custom carousel page width" |
| 41 | + } |
29 | 42 | ],
|
30 | 43 | "snippet": [
|
31 | 44 | "<TabController items={[{label: 'First'}, {label: 'Second'}, {label: 'Third'}]$1}>",
|
|
75 | 88 | "items": [
|
76 | 89 | {
|
77 | 90 | "title": "",
|
78 |
| - "description": "**Inactive Tab**\nText: BodySmall $textDefault\nBackground: $backgroundElevated \n\n**Active Tab**\nText: BodySmallBold $textPrimary\nBackground: $backgroundElevated\nIndicator: $outlinePrimary \n\n**Shadow**\nsh10\n\n**Dark Skin**\nText: BodySmall, System White\nBackground: System Grey10\nDivider: System Grey20", |
| 91 | + "description": "markdown: **Inactive Tab**\nText: BodySmall $textDefault\nBackground: $backgroundElevated \n\n**Active Tab**\nText: BodySmallBold $textPrimary\nBackground: $backgroundElevated\nIndicator: $outlinePrimary \n\n**Shadow**\nsh10\n\n**Dark Skin**\nText: BodySmall, System White\nBackground: System Grey10\nDivider: System Grey20", |
79 | 92 | "content": [
|
80 | 93 | {
|
81 | 94 | "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/TabBar/tabBar_overview_styling.png"
|
|
88 | 101 | },
|
89 | 102 | {
|
90 | 103 | "type": "table",
|
91 |
| - "columns": ["Property", "Component"], |
| 104 | + "columns": [ |
| 105 | + "Property", |
| 106 | + "Component" |
| 107 | + ], |
92 | 108 | "items": [
|
93 | 109 | {
|
94 | 110 | "title": "Counter Badge",
|
|
0 commit comments