react-native-paper
Version:
Material design for React Native
62 lines • 1.68 kB
TypeScript
import * as React from 'react';
import { StyleProp, View, ViewStyle } from 'react-native';
import type { ThemeProp } from '../../types';
export type Props = React.ComponentPropsWithRef<typeof View> & {
/**
* Title to show as the header for the section.
*/
title?: string;
/**
* Content of the `Drawer.Section`.
*/
children: React.ReactNode;
/**
* Whether to show `Divider` at the end of the section. True by default.
*/
showDivider?: boolean;
/**
* Specifies the largest possible scale a title font can reach.
*/
titleMaxFontSizeMultiplier?: number;
style?: StyleProp<ViewStyle>;
/**
* @optional
*/
theme?: ThemeProp;
};
/**
* A component to group content inside a navigation drawer.
*
* ## Usage
* ```js
* import * as React from 'react';
* import { Drawer } from 'react-native-paper';
*
* const MyComponent = () => {
* const [active, setActive] = React.useState('');
*
* return (
* <Drawer.Section title="Some title">
* <Drawer.Item
* label="First Item"
* active={active === 'first'}
* onPress={() => setActive('first')}
* />
* <Drawer.Item
* label="Second Item"
* active={active === 'second'}
* onPress={() => setActive('second')}
* />
* </Drawer.Section>
* );
* };
*
* export default MyComponent;
* ```
*/
declare const DrawerSection: {
({ children, title, theme: themeOverrides, style, showDivider, titleMaxFontSizeMultiplier, ...rest }: Props): React.JSX.Element;
displayName: string;
};
export default DrawerSection;
//# sourceMappingURL=DrawerSection.d.ts.map