Crisis Type Selector
A single-select molecule for identifying the type of crisis causing the damage. Wraps the Radio Group atom with three pre-configured crisis categories. This classification helps coordinators route reports to the appropriate response teams.
Preview — No Selection
Preview — Natural Disaster Selected
States
Required with error
Pre-selected: Human-made
Accessibility
- Uses
<fieldset>and<legend>for semantic grouping. - Each radio card has an
aria-labelwith the crisis type name. - Descriptions provide context without requiring domain expertise.
- Error messages use
role="alert".
Trauma-Informed Design
- Three options prevent decision fatigue in high-stress situations.
- Descriptions use neutral, factual language — not emotionally charged terminology.
- "Human-made / Conflict" uses careful phrasing that avoids political judgment.
- Card-style radio buttons provide clear, tappable targets.