Module: NavigationToolbarMobile
Interfaces
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 |
| 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
| Name | Type |
|---|---|
inProps | NavigationToolbarMobileProps |
Returns
Element
Defined in
packages/react-ui/src/components/NavigationToolbarMobile/NavigationToolbarMobile.tsx:97
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
Defined in
packages/react-ui/src/components/NavigationToolbarMobile/Skeleton.tsx:37