• 📁 Default
  • Default
  • Default - Multiselectable
• 📁 Variants
  • 📁 Bordered
    • Bordered
    • Bordered - Multiselectable
• 📁 Test Cases
  • 📁 Basic HTML
    • Nested Example
    • No JS
  • 📁 Cancer.gov HTML
    • Sample Article
    • Nested
    • No JS
  • 📁 USWDS *

• 📁 Default
  • Match Enabled
  • Match Disabled
• 📁 Test Cases
  • No JS

• 📁 Default
  • English without Language Toggle
  • Spanish without Language Toggle
  • English with Language Toggle
  • Spanish with Language Toggle

• 📁 Default
  • Default
• 📁 Variants
  • 📁 Wrap
    • Wrap
• 📁 Test Cases
  • Default with Very Long Content
  • Wrap with Very Long Content

• 📁 Default
  • Default Button (Primary, Secondary, Accent Cool, Accent Warm, Base)
  • Default Anchor (Primary, Secondary, Accent Cool, Accent Warm, Base)
• 📁 Modifiers
  • 📁 Size
    • 📁 Big
      • Big Button (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
      • Big Anchor (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
    • 📁 Small
      • Small Button (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
      • Small Anchor (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
  • 📁 Full Width
    • Full Width Button (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
    • Full Width Anchor (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
  • 📁 Icon
    • 📁 Icon, left
      • Icon, left Button (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
      • Icon, left Anchor (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
    • 📁 Icon, right
      • Icon, right Button (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
      • Icon, right Anchor (Primary, Secondary, Accent Cool, Accent Warm, Base, Outline Primary, Outline Secondary, Outline Inverse)
• 📁 Variants
  • 📁 Outline
    • Outline Button (Outline Primary, Outline Secondary, Outline Inverse)
    • Outline Anchor (Outline Primary, Outline Secondary, Outline Inverse)
  • 📁 Unstyled
    • Unstyled (Default; Big; Small; Full Width; Icon, Left; Icon, Right)
• 📁 Test Cases
  • Unsupported Outline Colors (Primary, Secondary, Accent Cool, Accent Warm, Base)

• 📁 Default
  • Default
  • Card Group
• 📁 Test Cases
  • Card In Text Right
  • Card in Text Left
  • Card Group without Description

• 📁 Default
  • Default
  • Media
  • Calendar
• 📁 Variants
  • Condensed

• 📁 Default
  • Default
• 📁 Test Cases
  • Default Long
  • Default Spanish

• 📁 Variants
  • 📁 NCI Big
    • English
    • Spanish
• 📁 Test Cases
  • NCI Big No JS
  • Back to top

• 📁 Default
  • Default
  • Card Group
• 📁 Variants
  • 📁 Guide Card with Image and Description
    • Have Guide Card with Image and Description as a single card w/o a heading
    • Title Aligned Card Group
• 📁 Test Cases
  • Guide Card with Image and Description without Description
  • Guide Card with Image and Description without Image
  • Title Aligned Card Group without Description
  • Title Aligned Card Group without Image

• 📁 Default
  • Default English
  • Default Spanish
• 📁 Variants
  • Header with Mega Menu English
  • Header with Mega Menu Spanish
• 📁 Test Cases
  • 📁 Default
    • No JS
    • 📁 Logos
      • CBIIT
      • DCEG
      • DCCPS
      • Mypart
  • 📁 Header with Mega Menu
    • No JS
    • No Search Field
    • Long Primary Link
    • Long Primary Button
    • 2 Items Navigation
    • Too Many Items Navigation

• 📁 Default
  • Without button
  • With Button
• 📁 Modifiers
  • 📁 Dark
    • Dark without button
    • Dark with Button
• 📁 Variants
  • With CTA Strip
• 📁 Test Cases
  • 📁 With CTA
    • With CTA Long
    • With CTA Spanish

• 📁 Default
  • Ordered List
  • Unordered List
• 📁 Modifiers
  • Two-Column List (Note: This needs to be created)
  • Unstyled List

• 📁 Default
  • Default
• 📁 Modifiers
  • 📁 Dark Theme
    • Default
    • With Image
  • 📁 Alternating Image Right
    • With Image
    • Dark Theme With Image
• 📁 Variants
  • With Image
• 📁 Test Cases
  • Default No Description
  • Default With Image No Description

• 📁 Default
  • Default
• 📁 Test Cases
  • L1 Long Titles
  • Cancergov Full

• 📁 Default
  • Default
  • Dismissible
• 📁 Modifiers
  • 📁 Emergency
    • Emergency default
    • Emergency slim
    • Dismissible emergency default
    • Dismissible emergency slim
  • 📁 Info
    • Info default
    • Info slim
    • Dismissible info default
    • Dismissible emergency slim
• 📁 Variants
  • Slim
  • Dismissible
• 📁 Test Cases
  • Emergency default with two column list
  • Info default with two column list

• 📁 Default
  • Default English
  • Default Spanish

• 📁 Default
  • Default
• 📁 Test Cases
  • Summary Box Row

• Default
  • Match Enabled^†
  • Match Disabled^†
• Test Cases
  • Below Min^††
  • Min Msg^††
  • Suggestions^††
  • Option Highlighted^††

• Default
• Test Cases
  • Card Row
    • Should probably get moved to patterns?
  • Card In Text Right
  • Card in text left

• Default
  • Example (no media or calendar)
  • Example with media
  • Example with calendar
• Variants
  • Condensed
• Modifers
• Test Cases
  • USWDS Default
  • USWDS Fancy
  • USWDS Media
  • USWDS Only Headers

• Default
• Test Cases
  • Default Long
  • Default Spanish

• Default
• With Image and Description
  • This does not exist. TBH, we have not ever presented one of these without being in the weird grid.
• Test Cases
  • Default
    • Guide Card Row
      • patterns?
  • with Image and Description
    • 2 Guide Card With Image And Description
      • patterns?

• Header Extended
  • English Example^†
    • NOTE: This would use the auto-initializer with default sources.
    • I think this would be NCI Extended Desktop No Js
  • Mega Menu Example^†
    • NOTE: This would be our configuration with the fancy sources.
    • I think this replaces NCI Extended Desktop Default using similar html to NCI Extended Desktop No Js
  • Spanish Example^†
    • Maybe this is NCI Extended Desktop NCI Logo ES
• Test Cases
  • Header Extended
    • NCI Extended Desktop No Search Field^†
      • This tests the header without a search.
    • NCI Extended Desktop Primary Current Button^††
    • NCI Extended Desktop Primary Current Link^†
      • NOTE: This should have its name updated. This is an example of a long navigation item that is not a mega menu when there is a mega menu.
    • NCI Extended Desktop Primary Active Mega Menu^††
    • NCI Extended Desktop Primary Active Mega Menu Wrap^††
    • NCI Extended Desktop NCI Logo EN^††
    • NCI Extended Desktop Longer Primary Item^†
    • NCI Extended Desktop 2 Primary Items^†
    • NCI Extended Desktop Search^††
      • NOTE: IDK why this exists versus the other examples, even in our non-js world.
    • NCI Extended Desktop Search Clear^††
    • NCI Extended Desktop Bad Primary Nav^†
    • NCI Extended Mobile Default^††
    • NCI Extended Mobile First Level^††
    • NCI Extended Mobile Hover^††
    • NCI Extended Mobile Second Level^††
    • NCI Extended Mobile Active Section^††
    • NCI Extended Mobile Active Section Root^††
    • Logo CBIIT^† (This should use the auto-initializer with default sources)
    • Logo DCEG^† (This should use the auto-initializer with default sources)
    • Logo DCCPS^† (This should use the auto-initializer with default sources)
    • Logo Mypart^† (This should use the auto-initializer with default sources)

• Default
  • Example without button
  • Example with Button
• With Cta
• Dark
  • Dark without button
  • Dark With Button
• Test Cases
  • With CTA
    • With Cta Long
    • With Cta Spanish

• Default
  • Default (Light)
• Variants
  • With Image (Light)
• Modifiers
  • Dark Theme
    • Have both with and without Image variants (Dark, With Image)
    • The current story is HORRIBLY named. (Dark, with Image is named "With Image")
  • With Image, Alternating
    • Light Theme is missing
    • Have both components (Light and Dark, With Image, Alternating) on the page
• Test Cases
  • Dark, With Image, No Description
  • Dark No Description

We need to figure out what to do about this. It is not exactly a standalone component. It exists in the usa-footer. So we should probably consider deleting the documentation site page, or fixing this issue.

• NCI Banner
  • Example without Language Toggle
  • Should we have a Spanish example without language toggle?
  • English Example with Language Toggle
  • Spanish Example with Language Toggle

• Default
• Wrap
• Test Cases
  • Create test case with really long content

• Default (Filled)
  • Primary
  • Secondary
  • Accent Cool
  • Accent Warm
  • Base
• Variants
  • Outline
    • Outline, Primary
    • Outline, Secondary
    • Outline, Inverse
      • This needs to be updated to have a black background
  • Unstyled
• Modifers
  • Size
    • Big
    • NCI Small
      • This needs to be updated to not make it green
  • Full-width
  • Icon
    • Icon, left
    • Icon, right
• Test Cases
  • Button element
  • Anchor element
  • Outline + modifiers
  • Unstyled + modifiers

• NCI Big
  • English Example^†
    • This is either:
      • NCI Big
      • NCI Big Initial
    • I can't see a difference between the two.
  • Spanish Example
    • We should make a Spanish example, as we have a test for a Spanish back to top on an English footer...
• Test Cases
  • NCI Big Sign Up Error^††
  • NCI Big Back To Top^††
  • NCI Big Back To Top Es

This should probably move to the uswds pass throughs. IDK why it is here.

• Default (Transparent)
• Section Light
• Section Dark

• NCI Sidenav
• Test Cases
  • NCI Sidenav
    • NCI Sidenav Level 1
      • IDK what this test is really for that the others do not cover.
    • NCI Sidenav Level 2
      • IDK what this test is really for that the others do not cover.
    • NCI Sidenav Level 3
      • IDK what this test is really for that the others do not cover.
    • NCI Sidenav Long Titles
    • NCI Sidenav Full
      • Should probably rename this to "www example"

This is another one of those "our very first component" and we should really re-evaluate some of our life choices. I dare say the component is kind of broken and we should look at patching or replacing some of the USWDS defaults. This should really have a modifier for size, Standard or Slim and a modifier for colors. The colors should probably behave like USWDS.

• Default
  • this is not a story, it does exist, and probably should be replaced with NCI Standard Info.
• NCI Standard Info
  • This does not have a story. It is a bland gray.
• NCI Standard Info Initial^†
  • Technically this is the NCI Standard size modifier with the NCI Info color modifier.
• NCI Standard Emergency Initial^†
  • Same comment as above
• NCI Slim Info
• NCI Slim Emergency
• Test Cases
  • NCI Slim Emergency With Close^††
    • This needs to be exampled some way with the NCI Slim Info. It is an option passed to the Javascript that enables the thing.
  • NCI Standard Emergency^††
    • this should be renamed to collapsed or something as that is what it is.
  • NCI Standard Emergency With Close^††
    • This needs to be exampled some way with the NCI Slim Info. It is an option passed to the Javascript that enables the thing.
  • NCI Standard Emergency Expanded^††
  • NCI Standard Emergency Expanded With Close^††
  • NCI Slim Info With Close^††
    • This needs to be exampled some way with the NCI Slim Info. It is an option passed to the Javascript that enables the thing.
  • NCI Standard Info^††
    • this should be renamed to collapsed or something.
  • NCI Standard Info With Close^††
    • This too needs some sort of way to show closable.
  • NCI Standard Info Expanded^††
  • NCI Standard Info Expanded With Close^††

• Default