UNPKG

1.38 kBTypeScriptView Raw
1import * as React from 'react';
2import { StyleProp, View, ViewStyle } from 'react-native';
3import type { $RemoveChildren, ThemeProp } from '../types';
4export type Props = $RemoveChildren<typeof View> & {
5 /**
6 * @renamed Renamed from 'inset' to 'leftInset` in v5.x
7 * Whether divider has a left inset.
8 */
9 leftInset?: boolean;
10 /**
11 * @supported Available in v5.x with theme version 3
12 * Whether divider has a horizontal inset on both sides.
13 */
14 horizontalInset?: boolean;
15 /**
16 * @supported Available in v5.x with theme version 3
17 * Whether divider should be bolded.
18 */
19 bold?: boolean;
20 style?: StyleProp<ViewStyle>;
21 /**
22 * @optional
23 */
24 theme?: ThemeProp;
25};
26/**
27 * A divider is a thin, lightweight separator that groups content in lists and page layouts.
28 *
29 * ## Usage
30 * ```js
31 * import * as React from 'react';
32 * import { View } from 'react-native';
33 * import { Divider, Text } from 'react-native-paper';
34 *
35 * const MyComponent = () => (
36 * <View>
37 * <Text>Lemon</Text>
38 * <Divider />
39 * <Text>Mango</Text>
40 * <Divider />
41 * </View>
42 * );
43 *
44 * export default MyComponent;
45 * ```
46 */
47declare const Divider: ({ leftInset, horizontalInset, style, theme: themeOverrides, bold, ...rest }: Props) => React.JSX.Element;
48export default Divider;
49//# sourceMappingURL=Divider.d.ts.map
\No newline at end of file