Footer Section
Demo
Props
| Name | Type | Description |
|---|---|---|
brand | { logo: { src: string; alt: string; width: number; height: number; className?: string; darksrc?: string }; href?: string } | Optional branding information including logo and link. |
slogan | string | Optional slogan text. |
groups | FooterLinkGroup[] | Array of link groups to be displayed in the footer. |
brandChild | React.ReactNode | Optional React node placed near the brand logo. |
children | React.ReactNode | Additional child elements to be rendered in the footer. |
locale | string | Locale string for internationalization. |
customLinkComponent | LinkComponent | Custom component for rendering links. |
classNames | { root?: string; slogan?: string; brandChild?: string; groupTitle?: string; groupLink?: string } | Optional classNames for styling different parts of the footer. |
Styles
This component uses utility classes for styling, which can be customized via the classNames prop. Specific classes include:
root: The main container of the footer.slogan: The slogan text.brandChild: The container for the brandChild element.groupTitle: Titles of the link groups.groupLink: Individual links within the link groups.