Live Filter

Display a search field to dynamically filter associated elements via the search query. Use the hook property to define the data-attribute to query against (the default is search-tag).

'hook' => 'search-tag',
greenpulse innovations solarwave energy ecostream technologies quantumgrid solutions neuroenergy system futuresight robotics smartterra solutions bluehorizon tech ecosphere dynamics voltus powertech quantasta evergreen ventures cyberleaf systems nanotech energy aquacore technologies terranova robotics hyperwind innovations sunfusion labs ecologic ventures geowave solutions brightfuture technologies 
<x-liveFilter />
<div class="flex flex-wrap gap-4 mt-4">
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="gpi greenpulse innovations" label="greenpulse innovations" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="swen solarwave energy" label="solarwave energy" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="estc ecostream technologies" label="ecostream technologies" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="qgrd quantumgrid solutions" label="quantumgrid solutions" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="neng neuroenergy system" label="neuroenergy system" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="fsrb futuresight robotics" label="futuresight robotics" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="stsl smartterra solutions" label="smartterra solutions" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="bhtc bluehorizon tech" label="bluehorizon tech" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="espd ecosphere dynamics" label="ecosphere dynamics" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="vlpt voltus powertech" label="voltus powertech" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="qstr quantastar" label="quantasta" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="egvn evergreen ventures" label="evergreen ventures" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="clfs cyberleaf systems" label="cyberleaf systems" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="nteg nanotech energy" label="nanotech energy" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="aqct aquacore technologies" label="aquacore technologies" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="tnrb terranova robotics" label="terranova robotics" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="hwnd hyperwind innovations" label="hyperwind innovations" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="sflb sunfusion labs" label="sunfusion labs" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="elvc ecologic ventures" label="ecologic ventures" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="gwvs geowave solutions" label="geowave solutions" />
    <x-iconBadge icon="tabler-coins" variant="positive" data-search-tag="bftx brightfuture technologies" label="brightfuture technologies" />
</div>