NavigationToolbarMobile
Interfaces
NavigationToolbarMobileProps
Extends
ToolbarProps
Properties
| Property | Type | Description |
|---|---|---|
NavigationMenuIconButtonComponent? | (inProps: NavigationMenuIconButtonProps) => Element | Component for Navigation Menu Icon Button |
NavigationSettingsIconButtonComponent? | (inProps: NavigationSettingsIconButtonProps) => Element | Component for Navigation Settings |
SearchAutocompleteProps? | SearchAutocompleteProps | Props spread to SearchAutocomplete component |
disableSearch? | boolean | Disable search action if possible |
endActions? | ReactNode | Actions to be inserted after Private Messages IconButton |
preserveDesktopLogo? | boolean | Preserve the same as the desktop version |
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
Source
packages/react-ui/src/components/NavigationToolbarMobile/NavigationToolbarMobile.tsx:110
NavigationToolbarMobileSkeleton()
NavigationToolbarMobileSkeleton():
JSX.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
JSX.Element
Source
packages/react-ui/src/components/NavigationToolbarMobile/Skeleton.tsx:37