Search form

[dbranchini]

https://www.figma.com/design/K1syTsalaB1nlRftgOi0Pw/DLSS-Components?node-id=273-962&t=WuOviIUPLFOQM3HO-4

Some search forms will have one or more dropdown selects as well as the input field. This design accommodates a simple implementation as just an input field and one with selects (such as Archive). Notice that the placeholder text on the input field changes based on the user's previous selections. An X icon appears to the far right once the user starts to type. If a user clicks that, it clears the existing search.

The height is 48px and the width is 400px on the version with no dropdown selects.

The search icon is 24px and it's in Stanford 80% Black (#585754). The search button should be a standard button.

[dnoneill]

Are we ever going to have this form in a non blacklight application?

[jcoyne]

@dnoneill I suspect sul-bento-app might be a good case for it in a non-blacklight.