Search (usa-search): Default, Big, Small Variants

[abbybowman]

What's your idea?

Variants

Mapping to the USWDS Search component's three variants as a starting point:

Default

Meant for site search in global navigation contexts, like in the header of www.nasa.gov:

(Global Search component from HDS Figma)

Big

Meant for contexts where search is the top featured action in the body of the page, like on the plus.nasa.gov homepage:

(Search component from NASA TV Figma)

Small

Meant for in-page search in the body of the page, like filtering a gallery, table, or doc list:

(Local Search component from HDS Figma)