Component: InputField

[dhruvkb]

Description

The InputField control is used for entering single line short text. The planned SearchBar component is a special case of a generic InputField component.

API

The component will be a shallow wrapper over the native <input> element, allowing it to be combined with neighbouring elements like a joint button or an indicator icon. It should be functional and stateless.

Props

Name	Type	Description
value	string	Used with v-model
inputId	string	For assigning an id attr to the field that can then be used with <label>

Slots

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

Events

Name	Associated data	Description
input	string; the new value of the field	Used with v-model

References

• Figma: Refer to the SearchBar designs in Component: SearchBar #375

Implementation

• 🙋 I would be interested in implementing this component.