<st-footer>
JSON type: Footer
The footer, in two layouts:
- Bar (default): a copyright line plus an optional "powered by" link — what the suite's authenticated apps use.
- Site: when
columns,socialLinks,descriptionorimageSrcis set, the footer becomes a marketing-site footer — brand (logo/company name, description, social icons), link columns and a bottom bar with the copyright and "powered by".
Fires a cancelable footer-link event (detail { href }) when an internal link is clicked.
Usage
import '@sankhyatronics/sankhya-cms/footer'; // registers <st-footer>
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
inverted | inverted | boolean | false | Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the source component's inverted (from its shared BaseProps), same as st-header's. |
companyName | company-name | string | '' | Used to build the default copyright line (© {year} {companyName}) when copyright isn't set explicitly. |
copyright | copyright | string | '' | Overrides the default computed copyright line entirely. |
legalNote | legal-note | string | '' | Legal line (e.g. a trademark notice) shown beside the copyright. Empty hides it. |
poweredBy | powered-by | string | '' | |
poweredByLink | powered-by-link | string | '' | |
version | version | string | '' | App version, rendered as v{version} after the copyright line — for apps that show their own version in the footer rather than the header title. |
imageSrc | image-src | string | '' | Logo shown in the brand block (site layout). |
imageAlt | image-alt | string | '' | Alt text of the logo. Default: the company name plus "home", or "Home" without one. |
description | description | string | '' | Short blurb under the logo (site layout). |
columns | — | FooterColumn[] | [] | Link columns (site layout). |
socialLinks | — | FooterSocialLink[] | [] | Social icon links under the description (site layout). |
See the live examples in Storybook.