Section Footer

Bottom row for sections and cards with divider, primary/secondary actions, and optional period selector.

import{ SectionFooter } from "@pepulux/ui"

Default


With period selector


Props

PropTypeDefaultDescription
type"section" | "card""section"Layout context
dividerbooleantrueShows top divider line
primaryAction{ label, onClick }—Primary button (right side)
secondaryAction{ label, onClick }—Secondary button (right side)
learnMorestring—Learn more link text (left side)
buttonGroupItemsButtonGroupItem[]—Period selector buttons
Application component → Section footerswww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

Close a section with its actions

Place the primary action on the right and a cancel or secondary action beside it. Add a divider when the footer separates distinct content.