UNPKG

1.17 kBTypeScriptView Raw
1import * as React from 'react';
2import { Animated, StyleProp, TextStyle } from 'react-native';
3import type { ThemeProp } from '../types';
4export declare type Props = React.ComponentProps<typeof Animated.Text> & {
5 /**
6 * Whether the badge is visible
7 */
8 visible?: boolean;
9 /**
10 * Content of the `Badge`.
11 */
12 children?: string | number;
13 /**
14 * Size of the `Badge`.
15 */
16 size?: number;
17 style?: StyleProp<TextStyle>;
18 ref?: React.RefObject<typeof Animated.Text>;
19 /**
20 * @optional
21 */
22 theme?: ThemeProp;
23};
24/**
25 * Badges are small status descriptors for UI elements.
26 * A badge consists of a small circle, typically containing a number or other short set of characters, that appears in proximity to another object.
27 *
28 * ## Usage
29 * ```js
30 * import * as React from 'react';
31 * import { Badge } from 'react-native-paper';
32 *
33 * const MyComponent = () => (
34 * <Badge>3</Badge>
35 * );
36 *
37 * export default MyComponent;
38 * ```
39 */
40declare const Badge: ({ children, size, style, theme: themeOverrides, visible, ...rest }: Props) => React.JSX.Element;
41export default Badge;
42//# sourceMappingURL=Badge.d.ts.map
\No newline at end of file