Footer
Interfaces
FooterProps
Indexable
[p: string]: any
Properties
| Property | Type | Description |
|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null |
endActions? | ReactNode | Actions to be inserted at the end Default null |
menu? | SCCustomMenuType | Custom Menu object to render in the footer Default null |
startActions? | ReactNode | Actions to be inserted at the start Default null |
Functions
Footer()
Footer(
inProps):JSX.Element
API documentation for the Community-JS Footer component. Learn about the available props and the CSS API.
This component renders the application footer, which contains the links to reach specific sections, and the application copyright. Take a look at our demo component here
Import
import {Footer} from '@selfcommunity/react-ui';
Component Name
The name SCFooter can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCFooter-root | Styles applied to the root element. |
| item | .SCFooter-item | Styles applied to the item element. |
| itemList | .SCFooter-item-list | Styles applied to the item list element. |
| copyright | .SCFooter-copyright | Styles applied to the copyright section. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | FooterProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/Footer/Footer.tsx:83
FooterSkeleton()
FooterSkeleton(
props):JSX.Element
API documentation for the Community-JS Footer Skeleton component. Learn about the available props and the CSS API.
Import
import {FooterSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCFooter-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCFooter-skeleton-root | Styles applied to the root element. |
Parameters
| Parameter | Type |
|---|---|
props | any |
Returns
JSX.Element