NavigationMenuIconButton

Interfaces

NavigationMenuIconButtonProps

Extends

• IconButtonProps

Properties

Property	Type	Description
DrawerProps?	DrawerProps	Props to spread to drawer element Default {anchor: 'left'}
ScrollContainerProps?	Record<string, any>	Props to spread to ScrollContainer component This lib use 'react-custom-scrollbars' component to perform scrollbars For more info: https://github.com/malte-wessel/react-custom-scrollbars/blob/master/docs/API.md Default {}
drawerContent?	ReactNode	Custom Drawer content Default null
drawerHeaderContent?	ReactNode	Custom Drawer header content Default null

Functions

NavigationMenuContent()

NavigationMenuContent(inProps): Element

Parameters

Parameter	Type
inProps	DefaultDrawerContentProps

Returns

Element

Source

packages/react-ui/src/components/NavigationMenuIconButton/DefaultDrawerContent.tsx:27

---

NavigationMenuHeader()

NavigationMenuHeader(inProps): Element

Parameters

Parameter	Type
inProps	DefaultHeaderContentProps

Returns

Element

Source

packages/react-ui/src/components/NavigationMenuIconButton/DefaultHeaderContent.tsx:30

---

NavigationMenuIconButton()

NavigationMenuIconButton(inProps): JSX.Element

API documentation for the Community-JS Navigation Menu Icon Button component. Learn about the available props and the CSS API.

Import

import {NavigationMenuIconButton} from '@selfcommunity/react-ui';

Component Name

The name SCNavigationMenuIconButton can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCNavigationMenuIconButton-root	Styles applied to the root element.
drawerRoot	.SCNavigationMenuIconButton-drawer-root	Styles applied to the drawer root element.
drawerHeader	.SCNavigationMenuIconButton-drawer-header	Styles applied to the drawer header.
drawerHeaderAction	.SCNavigationMenuIconButton-drawer-header-action	Styles applied to the drawer header action element.
drawerContent	.SCNavigationMenuIconButton-drawer-content	Styles applied to the drawer content.

Parameters

Parameter	Type	Description
inProps	NavigationMenuIconButtonProps

Returns

JSX.Element

Source

packages/react-ui/src/components/NavigationMenuIconButton/NavigationMenuIconButton.tsx:85