Design System · Components

JumboPopdown__WorkingGroups

Sibling to JumboPopdown__Projects with the same hover/click/Esc/arrow-key behavior. Conforms to Jumbotron-Popdown-Patterns.md.

Mode
Theme

Default — active + proposed

As wired into Header.astro next to the Projects popdown. Hover the trigger or tab to it and press Enter.

Active only — showProposed: false

Hides the proposed subgroup.

Props + tokens
<JumboPopdown__WorkingGroups
  triggerLabelTxt="Working Groups"   /* nav-link text */
  workingGroups={popdownWorkingGroups}   /* pre-loaded WorkingGroupEntry[] */
  showProposed={true}                 /* default true */
/>

/* Loader */
import { loadWorkingGroupsForPopdown } from '../../lib/load-working-groups';
const popdownWorkingGroups = await loadWorkingGroupsForPopdown({ showProposed: true, maxItems: 6 });

/* Tokens read */
--fx-card-bg, --fx-card-border, --fx-card-shadow-hover,
--color-text, --color-text-muted, --color-primary, --color-surface, --color-border,
--color-status-active, --color-status-proposed, --color-status-archived,
--font-display, --font-code