Searchbox
From Documentation
Searchbox
- Demonstration: N/A
- Style Guide: N/A
- Available in ZK EE only
since 9.5.0
Related components
None.
Required Settings
| aria-label | Describe the Searchbox. |
Keyboard Support
| ArrowDown | Open the popup and navigate options. |
| ArrowUp | Navigate options. |
| Enter | Select the options |
| Escape | Close the popup |
Example
<zk xmlns:ca="client/attribute">
<searchbox ca:aria-label="Choose something">
<template name="model">
<html><![CDATA[
<i class="z-icon-globe"></i>
<span class="name">${each}</span>
<span class="description">yoyoyo</span>
]]></html>
</template>
</searchbox>
</zk>