Skip to main content

Drawer.Item

A component used to show an action item with an icon and a label in a navigation drawer.

How to use

import * as React from 'react';
import {Drawer} from '@gyri/native-ui-components';

const MyComponent = ({style, className}) => (
<Drawer.Item
style={style}
className={className}
icon="inbox"
label="Inbox"
/>
);

export default MyComponent;

Props

#NameData typeDefault valueValuesDescription
1stylestringIt allows you to style your components
2classNamestring''It defined external CSS stylesheet.
3iconIcon to display for the DrawerItem.
4rippleColorColor of the ripple effect.
5labelstringThe label text of the item.

For more detail visit https://callstack.github.io/react-native-paper/docs/components/Drawer/DrawerItem