Searchbar Vue Component
Searchbar Vue component represents Framework7’s Searchbar component.
Searchbar Properties
You can pass all parameters in single params
property or use separate props for each parameter to specify them via component attributes:
Searchbar Events
default
- element will be inserted as a child of<div class="searchbar-inner">
element in the end. Same asinner-end
slotbefore-inner
- element will be inserted right before<div class="searchbar-inner">
elementafter-inner
- element will be inserted right after elementinner-start
- element will be inserted as a child of<div class="searchbar-inner">
element in the beginninginner-end
- element will be inserted as a child of<div class="searchbar-inner">
element in the endinput-wrap-end
- element will be inserted as a child of<div class="searchbar-input-wrap">
element in the end
Without Slots:
With Slots:
Access To Searchbar Instance
If you use automatic initalization to init Searchbar (with init:true
prop) and need to use Searchbar API you can access its initialized instance by accessing component’s property.