Component: SearchBar

[dhruvkb]

Description

This consists of an InputField connected to a SearchButton on the end-side. Each of the two are individually focusable.

API

Props

Name	Type	Description
value	string	Used with v-model

Slots

Name	Slot props	Description
default	-	Extra information, that which is seen on the end-side of the input field, goes here

Events

Name	Associated data	Description
input	string; the new value of the search query	Used with v-model
submit	string; the new value of the field	Should be used to detect form submission via Enter or button click

Dependencies

Depends on

• Component: InputField #374

References

• Figma: Search bar

Implementation

• 🙋 I would be interested in implementing this component.