import {MinimalFooter} from '@primer/react-brand'Examples
Default
Loading
Footer links
Loading
Footnotes
Loading
Footer social links
MinimalFooter will render all supported social links by default. Social links can be removed however, by passing socialLinks={false}. Alteratively, pass an array of valid social links to filter the default list.
Loading
Component props
MinimalFooter
| Name | Type | Default | Description |
|---|---|---|---|
className | string | Sets a custom class on the root element | |
children | 'MinimalFooter.Link''MinimalFooter.Footnotes' | undefined | Valid child components |
copyrightStatement | string | ReactElement | The copyright statement to be displayed in the footer. | |
logoHref | string | 'https://github.com' | The href for the GitHub logo. |
socialLinks | ['x', 'github', 'linkedin', 'youtube', 'facebook', 'twitch', 'tiktok', 'instagram'] | false | ['x', 'github', 'linkedin', 'youtube', 'facebook', 'twitch', 'tiktok', 'instagram'] | Array of valid strings or false to hide all links |
MinimalFooter.Link
| Name | Type | Default | Description |
|---|---|---|---|
as | 'a', 'button' | 'a' | Applies the underlying HTML element |
children | string | undefined | Link label text |
MinimalFooter.Footnotes
| Name | Type | Default | Description |
|---|---|---|---|
children | ReactElement | undefined | Use Primer Brand Text components to benefit from inherited styling. |