@@ -44,6 +44,9 @@ export type BottomNavigationProps = StyledComponentProps & ViewProps & Component
44
44
*
45
45
* @property {number } selectedIndex - Determines index of the selected tab.
46
46
*
47
+ * @property {string } appearance - Determines the appearance of the component.
48
+ * Can be `default` | `noIndicator`.
49
+ *
47
50
* @property {React.ReactElement<TabProps> | React.ReactElement<TabProps>[] } children -
48
51
* Determines tabs of the Bottom Navigation.
49
52
*
@@ -55,7 +58,7 @@ export type BottomNavigationProps = StyledComponentProps & ViewProps & Component
55
58
*
56
59
* @property StyledComponentProps
57
60
*
58
- * @example Simple usage example
61
+ * @overview - example Simple usage example
59
62
*
60
63
* ```
61
64
* import React from 'react';
@@ -85,6 +88,36 @@ export type BottomNavigationProps = StyledComponentProps & ViewProps & Component
85
88
* }
86
89
* ```
87
90
*
91
+ * @overview -example Without indicator
92
+ *
93
+ * ```
94
+ * import React from 'react';
95
+ * import { BottomNavigation, BottomNavigationTab } from 'react-native-ui-kitten';
96
+ *
97
+ * export class BottomNavigationShowcase extends React.Component {
98
+ *
99
+ * public state = {
100
+ * selectedIndex: 0,
101
+ * };
102
+ *
103
+ * private onTabSelect = (selectedIndex: number) => {
104
+ * this.setState({ selectedIndex });
105
+ * };
106
+ *
107
+ * public render(): React.ReactNode {
108
+ * return (
109
+ * <BottomNavigation
110
+ * appearance='noIndicator'
111
+ * selectedIndex={this.state.selectedIndex}
112
+ * onSelect={this.onTabSelect}
113
+ * <BottomNavigationTab title='Tab 1/>
114
+ * <BottomNavigationTab title='Tab 2/>
115
+ * </BottomNavigation>
116
+ * );
117
+ * }
118
+ * }
119
+ * ```
120
+ *
88
121
* @example Inline styling example
89
122
*
90
123
* ```
0 commit comments