Factory for Good

Section

FFG-native titled content block with an optional aside and body copy.

Impact overview

A short description that introduces the content of this section.

Section content goes here.

Installation

pnpm dlx shadcn@latest add @ffg/section

Usage

import { Section } from "@/components/ui/section";

<Section title="Impact overview" body="A short introduction." aside={<a href="#">View all</a>}>
  {/* content */}
</Section>

A titled block: header row (title + optional aside), optional body copy, then the content. fullWidth stretches to 100%; otherwise it is 900px wide.

On this page