This is eqiuvalent to ordinary Vue :style bindings but targets specific elements within the component.
:styles="{}"
placeholder="Search..."
:crossEnabled="true"
:iconEnabled="true"
Swaps the primary and secondary props.
:contrast="false"
primary="#ffffff"
secondary="#5bd0b9"
Returns the input value on keyup.
@search-value="logValue($event)"
Returns the input value on submit. Normal @submit event works too for a more in-depth returned value.
@search-submit="logSubmit($event)"
<VTSearchbar
:styles="{}"
placeholder="Search..."
:crossEnabled="true"
:iconEnabled="true"
:contrast="false"
primary="#ffffff"
secondary="#5bd0b9"
@search-value="logValue($event)"
@search-submit="logSubmit($event)"
/>
Try a full demo on Codepen!