P Primer · 14

Care guide

위급도 안내

The emergency part has a thin red outline on a pale red background; the clinic part is a light grey box. Weight comes from the large red title, not a thick border.

RuleThe urgent color is used only on the “call 119” side. No colored header band — weight comes from a heavy border and a large title.

Also known as: CareGuide
···
usage (Markdown)
<!-- sites/babyfood/posts/baby-food-allergy.md -->
## 이럴 땐 병원에 가요

- **바로 119**: 숨쉬기 힘들어함, 목이나 혀의 부기, 축 처짐, 의식이 흐려짐
- **빨리 진료**: 두드러기가 넓게 퍼지거나 구토가 계속돼요
- **상담 예약**: 같은 음식을 먹은 뒤 증상이 반복되거나, 피부가 계속 나빠져요

이유식 전체 흐름은 [이유식 단계별 가이드](/baby-food-stages-guide/)에서 볼 수 있어요.
site.json
// sites/<사이트>/site.json — 적지 않으면 사이트 이름으로 자동으로 고른다
{
  "variants": { "CareGuide": "stack" }
}
props (ProseProps.careVariant)
export interface ProseProps {
  variant?: VariantOf<'Prose'>;
  careVariant?: VariantOf<'CareGuide'>;
  /** 정적 페이지(소개 등)처럼 표·병원 카드가 없는 글 */
  plain?: boolean;
}

stack places the emergency card first and the clinic card below it. The emergency card has a warning icon and a large red title (“Call 119 now · ER”). split places the two cards side by side on wide screens. plain uses no boxes, just headings and lists, with only the urgent heading in red.

To make the emergency stand out most, stack is the surest; to keep the reading flow unbroken, plain. There are few boxes, so it blends into the body, and red appears only on the urgent part.

The urgent box borrows from GitHub’s Flash alert and the clinic side is toned down to a grey box.

Use it when — Variants 3

  1. stackStack When most readers are on phones — the urgent card first, with a heavy border.Used by 4: babyfood, babyplay, babysick, newborn
  2. splitSplit When “call 119” and “see a doctor” should be compared — two cards side by side on wide screens.Used by 2: birthprep, toddlerfood
  3. plainPlain When the page already has many boxes — headings and lists only; just the urgent heading is colored.Used by 5: babysleep, feeding, milestone, vaccination, 허브
Open as page ↗

Suggest an entry

Tell us about a missing component or variant, or something a pack should fix. We read every suggestion.