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"
borderColor?ResponsiveProp<"border" | "selected" | "muted" | "accent" | "info" | "success" | "error" | "warning">Default: "accent"
children?ReactNode
FooterDivider Props
PropTypeDescription
color?ResponsiveProp<"border" | "selected" | "muted" | "accent" | "info" | "success" | "error" | "warning">Default: "accent"

Source

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