BankaiFooter

A standalone <footer> contentinfo region — the foot of the page (copyright, secondary links, site meta). The native element carries the contentinfo role; the theme paints the house foot look, the mirror of BankaiHeader (padding and a top border). Reach for it when you build a shell without BankaiLayout.

Usage

<!-- a shell built WITHOUT BankaiLayout -->
<BankaiMain>…</BankaiMain>
<BankaiFooter>
  <small>© 2026 bankai-vue</small>
</BankaiFooter>

Landmark uniqueness

A native <footer> is the contentinfo landmark only when it is not nested inside <article>, <aside>, <main>, <nav>, or <section> — so use BankaiFooter at the top level of your document, not deep inside content.Do not place it inside BankaiLayout's #footer slot: BankaiLayout already emits a <footer> for that slot, so a nested BankaiFooter would produce a <footer> inside a <footer> — a duplicate contentinfo landmark. With BankaiLayout, drop your footer content straight into #footer; use BankaiFooter only for a hand-rolled shell. Every theme rule is zero-specificity (:where()), so a plain declaration or utility class overrides the padding, border, or background without !important.

Props

This component has no props.

Emits

This component emits no events.

Slots

Slot	Description
`default`	Footer content — typically copyright, secondary navigation, or site meta.

Exposes

This component exposes nothing on its instance.

Theming

Every token is a :root custom property applied through zero-specificity :where() rules, so a single plain declaration overrides one — no selector, no !important. Set it globally on :root or locally on any ancestor.

Token	Default	Purpose
`--bankai-footer-padding-block`	`var(--bankai-space-8)`	Vertical padding of the footer region.
`--bankai-footer-padding-inline`	`var(--bankai-space-12)`	Horizontal padding of the footer region.
`--bankai-footer-border-width`	`1px`	Width of the top border.
`--bankai-footer-border-color`	`var(--bankai-color-border)`	Color of the top border.
`--bankai-footer-background`	`var(--bankai-color-bg)`	Background fill of the footer.