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:108
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