Sections

Footer

Name: VivekUI
Author: Vivek Kumar Singh

The site footer.

Server safeSource

Import

import { Footer } from '@the_viveksingh/vivek-ui'

A site footer

Link columns become nav landmarks with headings, which is what lets a screen reader skim the footer instead of reading forty links.

<Footer
  brand={
    <Stack gap={2}>
      <Text weight="semibold">VivekUI</Text>
      <Text size="sm" tone="muted">83 components, 6 charts, zero runtime dependencies.</Text>
    </Stack>
  }
  columns={[
    {
      title: 'Docs',
      links: [
        { label: 'Installation', href: '/docs/installation' },
        { label: 'Components', href: '/docs/components' },
      ],
    },
    {
      title: 'Project',
      links: [
        { label: 'npm', href: 'https://www.npmjs.com/package/@the_viveksingh/vivek-ui' },
        { label: 'GitHub', href: 'https://github.com/intellectwithvivek' },
      ],
    },
  ]}
  copyright="MIT licensed. Built by Vivek Kumar Singh."
/>

Props

Generated from the package's own type declarations, so this table cannot drift from the code.

Props for Footer
Prop	Type	Default	Description
`columns`	`FooterColumn[]`	—	—
`brand`	`ReactNode`	—	Logo, wordmark and a line of copy.
`copyright`	`ReactNode`	—	Rendered in the bottom bar. A plain string is wrapped in muted small text.
`social`	`ReactNode`	—	Social links or icon buttons, shown under the brand.
`navLabel`	`string`	—	Accessible name for the link `nav`. Defaults to `"Footer"`.
`headingLevel`	`HeadingLevel`	—	Level of the column titles. Defaults to `2`.

Rendering

Server safe

Footer carries no 'use client' directive and renders directly in a React Server Component. No client JavaScript is shipped for it.