Component

Footer

Generic footer composition for brand copy, grouped links, actions, and an aside slot.

Use Footer for package, product, and documentation footers. Route files provide copy and links; Footer provides Concrete hierarchy and layout.
navigation
DOM renderImage render
FooterDefault

Playground

Controls update query params directly. Complex slots use item-owned examples so component states stay deterministic, linkable, and screenshot-ready.

Loading playground

Rendered matrix

Every state maps to the same component render route through the state query param.

Default

Footer with brand, grouped links, and metadata.
Render state

Actions

Footer with package and source links.
Render state

Command

Footer with a command aside.
Render state

Minimal

Footer with a compact brand statement and actions only.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
titleReactNode-Primary footer heading.
descriptionReactNode-Supporting brand or page copy.
brandReactNode-Optional brand slot.
metaReactNode-Small secondary metadata.
columnsreadonly FooterColumn[]-Grouped footer navigation links.
actionsreadonly FooterLink[]-Inline footer action links.
asideReactNode-Optional supporting surface such as a command block.
density'compact' | 'comfortable' | 'editorial'compactFooter composition density.