Use the Tag Button component to render a well-styled toggle button with a hidden checkbox inside. Make sure you provide value and id property values — analog to what you would do with a regular HTML checkbox.
'label' => 'Label', 'state' => 'inactive', // active | inactive 'value' => 'tagbutton-value', 'id' => 'tagbutton-id',
<x-tagButton id="tag-long-short" value="long-short" label="Long/Short" /> <x-tagButton id="tag-yield-farming" value="yield-farming" label="Yield-Farming" /> <x-tagButton id="tag-multi-strategy" value="multi-strategy" label="Multi-Strategy" />