{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<a href="#{id}"
   class="inline-block border border-grey text-grey-darker-rounded-sm no-underline py-2 px-3 mr-1"
   data-target-enhancement
   data-target-enhancement-plugins.0.name="toggle-aria-expanded"
   data-target-enhancement-exclusive-group="filter-section"
>
    {title}
</a>

<div id="{id}" class="w-full block sm:hidden" data-target-enhancement-subject>
    <div class="z-50 bg-white mb-8 sm:mb-0 sm:p-6 block w-full sm:mt-3 sm:w-auto sm:shadow sm:absolute sm:top-full sm:pin-l sm:min-w-sm sm:border sm:border-grey-lighter">
        {renderedItems -> f:format.raw()}
        <div class="mt-6 hidden sm:block">
            <button type="submit" class="c-button c-button--secondary w-full text-center">
                anwenden
            </button>
        </div>
    </div>
</div>