Directory Organization Card
Portal directory card — logo, optional Top pick pill, identity, summary and impact tags.
Access to Medicines Initiative
Nigeria
Access to Medicines Initiative works to make essential medicines available and affordable in underserved communities across Nigeria through pooled procurement.
Health
Top pick
Access to Medicines Initiative
Nigeria
Access to Medicines Initiative works to make essential medicines available and affordable in underserved communities across Nigeria through pooled procurement.
Health
Installation
pnpm dlx shadcn@latest add @ffg/directory-organization-cardUsage
import { DirectoryOrganizationCard } from "@/components/ui/directory-organization-card";
<DirectoryOrganizationCard
organization={{
name: "Access to Medicines Initiative",
location: "Nigeria",
desc: "Makes essential medicines available and affordable through pooled procurement.",
tags: ["Health"],
topPick: true,
}}
onOpen={() => openOrg("access-to-medicines")}
/>- topPick — shows the gradient "Top pick" pill opposite the logo
- logo — logo URL; omit for the deterministic monogram. Pass
imageComponentto render it withnext/image - tags — rendered as outlined
ImpactBadgepills - onOpen — fired by the whole card and the Enter key