Extending on the data-text attribute with user defined output value mapping using vanilla Javascript.
<div data-signals-search.mode="'Music'">
<button data-on-click="$search.mode = 'Music'">
Music
</button>
<button data-on-click="$search.mode = 'SFX'">
SFX
</button>
</div>