Important forms: component options

pediatric-emergency-medicine-clinical-pathways-2x

These evidence-based pathways function as a guideline for clinical care. Please consult your local hospital resources as appropriate.

Click below to download the clinical pathway PDFs.

Sample page, not real content

This is a copy of the Pediatric Emergency Medicine Clinical Pathways page, filed under sprint-3 for BM2-893. Everything else on it is the real page. Below, the Important forms component has been replaced by three specimens. All three carry the same single link, the referral form PDF.

The first is what the live page renders today. The second is the same component with one setting changed. The last three are different components carrying the same link.

One measurement worth having while you look: the link is 135px of text, and the box Quick Links draws around it is 1,204px today. The narrowest box that component can draw is 917px. That is the gap the setting alone cannot close.

1. What the live page does today

Quick Links, Two columns variant, ContainerSize left unset. The bare flag parses as absent, so the component's own Medium fallback engages and the box renders 1,204px wide, starting 143px to the left of the body copy above it. Two columns has no effect at one link: the variant suppresses its second column below two links, so this is identical to the Default variant.

2. The same component, ContainerSize = Small

One setting changed, nothing else. The box drops to 917px and lands on exactly the width and left edge of the body copy above it, because BodyCopy renders at container-w-small too. This fixes the alignment. It does not fix the emptiness: it is still a 917px bordered box holding 135px of link.

3. Simple CTA

A headline, a line of text and the link as a button. The button label is showing the raw URL. That is a front-end bug and it will be fixed.

Important forms

Download the referral form to send a patient to the Pediatric Access Center.

More sample text below the specimens

Placeholder body copy after the specimens, so the last one is not the last thing on the page. The quick brown fox jumps over the lazy dog.

For questions, please contact the Pediatric Emergency Medicine Quality and Safety Leadership team:

Contact us

San Francisco hospital

Israel Green-Hopkins, MDDirector of Quality and Safety, Co-Director of PEM Center for Quality, Safety and Analyticsisrael.green-hopkins@ucsf.edu

Oakland hospital

Emily Roben, MD, MSDirector of Quality and Safety, Co-Director of PEM Center for Quality, Safety and Analyticsemily.roben@ucsf.edu

Pediatric Access Center Oakland

Pediatric Access Center San Francisco