Footer
The Footer component is designed to provide a structured and customizable footer section for your application. It supports multiple columns, optional subfooters, and responsive behavior, including collapsible sections on mobile devices.
Usage
First of all, you need to import the Footer component from the kitchn package.
import { Footer } from "kitchn"Default
Multi-group columns
Subfooter
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
subfooter | React.ReactNode | undefined | No | An optional subfooter element displayed below the main footer content. |
children | React.ReactNode | undefined | Yes | The main content of the footer, typically composed of FooterColumn and FooterGroup. |
FooterGroup Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
title | string | undefined | Yes | The title of the footer group, which is displayed as a header or a collapse label on mobile devices. |
FooterLink Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
href | string | undefined | Yes | The URL that the link should navigate to when clicked. |