Component

Footer

A site footer with link columns, copyright text, and social links. Uses the headless @refraction-ui/footer core.

Examples

Footer with link columns and social links.

Installation

$pnpm add @refraction-ui/react-footer

Usage

tsx

import { Footer } from '@refraction-ui/react-footer'

export function MyComponent() {
  return (
    <Footer
      copyright="2024 My Company"
      columns={[
        { title: 'Product', links: [{ label: 'Features', href: '/features' }] },
      ]}
      socialLinks={[{ label: 'GitHub', href: 'https://github.com' }]}
    />
  )
}

Props

Prop	Type	Default	Description
`copyright`	`string`	--	Custom copyright text.
`columns`	`FooterColumn[]`	--	Footer link columns with title and links.
`socialLinks`	`SocialLink[]`	--	Social media links with label and href.
`className`	`string`	--	Additional CSS classes.