UNPKG

@selfcommunity/react-ui

Version:

React UI Components to integrate a Community created with SelfCommunity Platform.

56 lines (50 loc) 1.63 kB
import React from 'react'; import { SCCustomMenuType } from '@selfcommunity/types'; export interface FooterProps { /** * Overrides or extends the styles applied to the component. * @default null */ className?: string; /** * Custom Menu object to render in the footer * @default null */ menu?: SCCustomMenuType; /** * Actions to be inserted at the start * @default null */ startActions?: React.ReactNode | null; /** * Actions to be inserted at the end * @default null */ endActions?: React.ReactNode | null; /** * Any other properties */ [p: string]: any; } /** * > 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 <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/Footer) #### Import ```jsx 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.| * @param inProps */ export default function Footer(inProps: FooterProps): JSX.Element;