Loading…

Footer Minimal

Block

A one-row footer: logo and copyright, a few links, and social links.

Footers
0 components
1 file

Installation

The block is written to your blocks directory, and everything it is built from is installed alongside it.

$pnpm dlx @dowel-ui/cli add footer-minimal

Usage

A starting point, not a black box: render it, then edit the layout, the copy and the fields — they are yours.

app/page.tsxTSX

import { DEFAULT } from "@/components/blocks/footer-minimal"; export default function Page() {  return <DEFAULT />;}

Built from

Every piece is a component you already have documentation for, and can change independently.

API

<FooterMinimalBlock>

Prop	Type	Default
`copyright`	`ReactNode`	`"© Acme"`
`links`	`FooterLink[]`	`DEFAULT_FOOTER_MINIMAL_LINKS`
`logo` The logo, or the brand's name.	`ReactNode`	`"Acme"`
`navLabel` Accessible name of the link navigation.	`string`	`"Footer"`
`social`	`FooterSocialLink[]`	`DEFAULT_FOOTER_MINIMAL_SOCIAL`
`socialLabel` Accessible name of the social links list.	`string`	`"Social links"`

Plus every attribute of <footer>.

Accessibility

A footer landmark with its links in a named nav. The hover underline grows from the inline start and is also drawn on keyboard focus. Social links are a named list and always carry their name as text; external ones say they open a new tab. The separator between logo and copyright is decorative. The entrance only hides a footer below the fold, never under reduced motion.