sigilUI

Footer

Group site navigation, brand details, and secondary links.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Footer } from "@sigil-ui/components";

Usage

<Footer>
  <p className="text-sm text-[var(--s-text-muted)]">© 2026 Sigil UI. All rights reserved.</p>
</Footer>

Props

PropTypeDefaultDescription
columnsFooterColumn[]—Column definitions for the footer link grid.

Token integration

CSS VariablePurpose
--s-borderBorder
--s-border-styleBorder style
--s-surfaceSurface
--s-footer-pyFooter py
--s-textText
--s-text-mutedText muted
--s-duration-fastDuration fast