NavigationToolbarMobile

Interfaces

NavigationToolbarMobileProps

Extends

• ToolbarProps

Properties

Property	Type	Description
ComposerIconButtonProps?	ComposerIconButtonProps	Props to spread to the ComposerIconButton Default {}
disableSearch?	boolean	Disable search action if possible
endActions?	ReactNode	Actions to be inserted after Private Messages IconButton
NavigationMenuIconButtonComponent?	(inProps) => Element	Component for Navigation Menu Icon Button
NavigationSettingsIconButtonComponent?	(inProps) => Element	Component for Navigation Settings
onClickHome?	() => void	Callback on click home
preserveDesktopLogo?	boolean	Preserve the same as the desktop version
SearchAutocompleteComponentProps?	SearchAutocompleteProps	Props spread to SearchAutocomplete component
startActions?	ReactNode	Actions to be inserted before composer IconButton

Functions

NavigationToolbarMobile()

NavigationToolbarMobile(inProps): Element

API documentation for the Community-JS Navigation Toolbar Mobile component. Learn about the available props and the CSS API.

This component renders the mobile application header. Take a look at our demo component here

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCNavigationToolbarMobile-root	Styles applied to the root element.
logo	.SCNavigationToolbarMobile-logo	Styles applied to the logo element.
search	.SCNavigationToolbarMobile-search	Styles applied to the search button element
searchDialog	.SCNavigationToolbarMobile-search-dialog	Styles applied to the search dialog element
notifications	.SCNavigationToolbarMobile-notifications	Styles applied to the notifications button element
settings	.SCNavigationToolbarMobile-settings	Styles applied to the settings button element
settingsDialog	.SCNavigationToolbarMobile-settingsDialog	Styles applied to the settings dialog elements
login	.SCNavigationToolbarMobile-login	Styles applied to the login element.

Parameters

Parameter	Type	Description
inProps	NavigationToolbarMobileProps

Returns

Element

---

NavigationToolbarMobileSkeleton()

NavigationToolbarMobileSkeleton(): Element

API documentation for the Community-JS Navigation Toolbar Mobile Skeleton component. Learn about the available props and the CSS API.

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCNavigationToolbarMobileSkeleton-root	Styles applied to the root element.
logo	.SCNavigationToolbarMobileSkeleton-logo	Styles applied to the logo element.

Returns

Element