CCCH Programs

About this page
Option 3: Feature Accordion. The ten programs become rows in a Feature Accordion. This is the component Millie described on the ticket: one photo column beside the rows, and the photo changes to match whichever row is open. Each row keeps its own Learn more button.
Trade-off. The only treatment that keeps both the photos and the buttons, and the only one that holds the full description without making the page long. It ships with a Default variant only, so it opens with all ten rows closed. Getting it to open expanded means asking the platform team for an AllOpen variant here, which the plain Accordion already has.
This is a throwaway comparison page for BM2-949. Everything on it is copied from the live CCCH Programs page and only the component holding the programs list is different. This explainer text was drafted by an AI assistant.
The options:
- Option 1: Flexible Grid, image cards
- Option 2: Flexible Grid, small cards
- Option 3: Feature Accordion (you are here)
- Option 4: Accordion, all rows open
- Option 5: Content Grid, badge cards
- The page as it is now
The Center for Child & Community Health (CCCH) provides support to programs at UCSF Benioff Children's Hospital Oakland whose goals match those of CCCH's mission. In addition, CCCH directly manages several programs, projects, initiatives and studies that fall under its mission.
