Agriculture Design System
Beta
Design System for the Export Service

Footer

Footers live at the bottom of a page and help users find supplementary information relevant to their needs.

View in FigmaView in StorybookView in Github
import { ... } from '@ag.ds-next/react/footer';

Usage

Footer components can be imported via the footer entrypoint in the @ag.ds-next/react package.

For example:

import { ... } from '@ag.ds-next/react/footer';

Props

Footer Props
PropTypeDescription
background?"body" | "bodyAlt"Default: "body"
children?ReactNode

Source

You can view the full source code for this package on Github.