Getting startedFoundationsUtilitiesComponentsReleasesSupportGetting startedFoundationsUtilitiesComponentsReleasesComponent StatusAccordion GroupAccordionCollapseBadgeButtonButton DropdownCardStatus CardContentData GridData Grid Table HeaderDate PickerDate Picker InputDate Range PickerDate Range Picker ButtonInputSelectText AreaCheckboxCheckbox GroupRadio ButtonRadio Button GroupComboboxIconIcon LibraryListList Parent ItemList ItemList HeaderHeaderMobile SubheaderFooterFooter ItemSidebarAlertToastToast GroupDialogModalPanelPopoverPaginationSpinnerTabsTab GroupTabTab Panel GroupTab PanelToggle

Component Footer

Footers sit at the end of every page on a website to show users that they've reached the end of a page. They also show important content that a user may have missed. This component is used with the footer item component.

Get the UI kit

Example

<som-footer></som-footer>
<som-footer light>
  <som-footer-item><a href="#">Link 1</a></som-footer-item>
  <som-footer-item><a href="#">Link 2</a></som-footer-item>
  <som-footer-item><a href="#">Link 3</a></som-footer-item>
</som-footer>

Props

AttrTypeDefaultDocs

light

boolean

false

This boolean determines whether to use the light or dark theme. Dark is the default but adding the light parameter will switch it to the light theme.

Healthy

Healthy content is accurate and represents our most up-to-date recommendations.

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

DTMB-DG-Support@michigan.gov

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

DTMB-DG-Support@michigan.gov

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.

Open source