[Moved] Verify and build components needed for current pages

[natalia-fitzgerald]

Component parts

List of Design System (React) components that appear on pages that are currently in development. Checkmark means the component exists in the component library and is verified.

Needs to be verified:

• us.gov banner (tagline or usa-banner) @billhimmelsbach [Task] Verify Banner component #213
• cf.gov header

• Divider
• Well - @billhimmelsbach 
Banner (Global Eyebrow) #45
• Helper text

• Links - @billhimmelsbach [Tests] Checkbox #49
• Table - @billhimmelsbach Multiselect Dropdown - Tab to navigate instead of select #46
• cf.gov footer
• pagination 

• cf.gov footer
• Heroes

Check Sigmund's branch:

• Label
• Text input
• Error notification (field-level)
• Error notification (page level)

Not a component:

• Icon with Text
  • Not currently a component, just a demo of putting an Icon next to text.
  • Exploration of how to consistently space Icon + text

Needs to be built:


• Text introduction @meissadia [Component] Text introduction #158
  • Heading 1
  • Lead paragraph [Component] Lead paragraph #157
  • Paragraph [Component] Paragraph (Body) #162
• Select
(Spike @meissadia Spike: Bring the DS Single and Multiselect into Storybook #197)
  • Single select

  • Multiselect - Spike
    • With checkboxes
    • With tags (pills)
  • Tags redesign - @meissadia Implement approved tag (pill) styling change design-system#1760

Verified


• Headings
• Checkbox
  • Checkbox option
  • Checkbox helper text
• Button

May need customization 


• Icon with text
  • "Your LEI status must be active..."

Needs UI/UX design
These items are not a priority for this sprint.

• SBL app page navigation

Additional components

• Sidebar
• Email sign-up

[natalia-fitzgerald]

@meissadia @billhimmelsbach
I captured everything noted here and we're moving to this other issue to continue with component tracking by page: #224