Simple footer

The logo, the main links and social accounts, then the copyright, legal links and a live system status.

$ pnpm dlx shadcn@latest add @dashral/simple-footer

When to use

One row: the logo, main links and social accounts, then the copyright, legal links and a live status.
Apps, small sites and docs that don't need a sitemap in the footer.

When not to use

Marketing sites with many pages: Columns footer.
Landing pages that end on an ask: CTA footer.

Usage

Simple footer with your own data: every prop has the sample as its default, so pass only what you have.

example.tsx

1import { SimpleFooter } from "@/components/dashral/blocks/simple-footer"
2
3<SimpleFooter
4  brand={{ name: "Acme", href: "/" }}
5  links={[{ label: "Pricing", href: "/pricing" }, { label: "Docs", href: "/docs" }]}
6  legal={[{ label: "Privacy", href: "/privacy" }, { label: "Terms", href: "/terms" }]}
7/>

API reference

SimpleFooter

A footer in two lines: the logo, the main links and the social accounts, then the copyright, the legal links and the system status. Stacks and centers on phones. Every part comes from props.

Prop	Type	Default
`brand`	`{ name: string; href: string; logo?: React.ReactNode }`	`sample`
`links`	`FooterLink[]`	`sample`
`social`	`SocialLink[]`	`sample`
`copyright`	`string` The copyright line (© this year and the brand without it).	—
`legal`	`FooterLink[]`	`sample`
`status`	`{ label: string; href: string } \| null` The status pill; null hides it.	`sample`

type FooterLink

A link in the footer.

Prop	Type	Default
`label`	`string`	—
`href`	`string`	—

type SocialLink

A social account: its name, the path of its mark (a 24×24 icon) and where it goes.

Prop	Type	Default
`label`	`string`	—
`path`	`string`	—
`href`	`string`	—