Design System
Layout

Footer

The legal bar and link groups that close every page.

Not documented yet

This component ships in the design system and is fully supported. What is missing is the guidance around it: when to reach for it, the do and don't, and the accessibility notes. Until that is written, Storybook is the reference for variants, props and live controls.

Props

PropTypeDefaultDescription
groupsFooterLinkGroup[] | undefinedLink columns rendered beside the brand block.
taglinestring | undefinedShort line under the logo, e.g. the product strapline.
legalLinks{ label: string; href: string; }[] | undefinedLegal links shown in the bottom bar (privacy, terms, cookies…).
ownerstring | undefined"HealthMetrics Sdn Bhd"Copyright owner; the current year is rendered automatically.
metaReact.ReactNodeExtra content in the bottom bar's right slot (e.g. version, region).

On this page