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
| # | Name | Data type | Default value | Values | Description |
|---|---|---|---|---|---|
| 1 | style | string | It allows you to style your components | ||
| 2 | className | string | '' | It defined external CSS stylesheet. | |
| 3 | icon | Icon to display for the DrawerItem. | |||
| 4 | rippleColor | Color of the ripple effect. | |||
| 5 | label | string | The label text of the item. |
For more detail visit https://callstack.github.io/react-native-paper/docs/components/Drawer/DrawerItem