Drawer.CollapsedItem

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

How to use

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

const MyComponent = ({className}) => (
  <Drawer.CollapsedItem
    className={className}
    focusedIcon="inbox"
    unfocusedIcon="inbox-outline"
    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	label	string			The label text of the item.
4	disabled				Whether the item is disabled.
5	badge	string, number, boolean	false		Badge to show on the icon, can be true to show a dot, string or number to show text.
6	disabled	boolean			Whether the item is disabled.

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