Summary

Design the code structure for the text input web component.

Related issue

Closes uswds/uswds-elements#111

Preview link

Pre-alpha for text input

Tasks

• Gather code samples from the landscape
  • Note: Use the Landscape analysis code samples template to collect relevant code samples from across the landscape
• Identify and document the component’s critical content
  • Document the component content that is critical for end-user understanding. Note: This critical content should always appear on the page, even in non-JS environments.
• Design and document the structure for the light DOM
• Design and document the structure for the shadow DOM
• Design and document the expected component customization methods
  • List and define the proposed component variants
  • List and define props
  • List and define slots
  • List and define CSS Parts
  • List and define CSS Variables
  • List any component content that will need to be translated into other languages

Testing and review

• Confirm the critical content has been appropriately identified and is included in the light DOM
• Confirm that the light DOM design matches convention
• Confirm that the shadow DOM design matches convention
• Confirm that the existing variants have been accounted for
• Confirm that the existing settings have been accounted for
• Confirm the proposed additional variants meet the needs of users and make sense
• Confirm the proposed additional settings/CSS custom properties meet the needs of users and make sense
• Confirm the proposed parts are comprehensive and allow users to customize the component