Skip to main content

NavigationToolbarMobile

Interfaces

Extends

  • ToolbarProps

Properties

PropertyTypeDescription
ComposerIconButtonProps?ComposerIconButtonPropsProps to spread to the ComposerIconButton Default {}
disableSearch?booleanDisable search action if possible
endActions?ReactNodeActions to be inserted after Private Messages IconButton
NavigationMenuIconButtonComponent?(inProps) => ElementComponent for Navigation Menu Icon Button
NavigationSettingsIconButtonComponent?(inProps) => ElementComponent for Navigation Settings
preserveDesktopLogo?booleanPreserve the same as the desktop version
SearchAutocompleteComponentProps?SearchAutocompletePropsProps spread to SearchAutocomplete component
startActions?ReactNodeActions to be inserted before composer IconButton

Functions

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 NameGlobal classDescription
root.SCNavigationToolbarMobile-rootStyles applied to the root element.
logo.SCNavigationToolbarMobile-logoStyles applied to the logo element.
search.SCNavigationToolbarMobile-searchStyles applied to the search button element
searchDialog.SCNavigationToolbarMobile-search-dialogStyles applied to the search dialog element
notifications.SCNavigationToolbarMobile-notificationsStyles applied to the notifications button element
settings.SCNavigationToolbarMobile-settingsStyles applied to the settings button element
settingsDialog.SCNavigationToolbarMobile-settingsDialogStyles applied to the settings dialog elements
login.SCNavigationToolbarMobile-loginStyles applied to the login element.

Parameters

ParameterTypeDescription
inPropsNavigationToolbarMobileProps

Returns

Element


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 NameGlobal classDescription
root.SCNavigationToolbarMobileSkeleton-rootStyles applied to the root element.
logo.SCNavigationToolbarMobileSkeleton-logoStyles applied to the logo element.

Returns

Element