Interactive controls are not available in the static export.
<div class="inline-flex rounded-md shadow-sm" role="group">
{% for item in items %}
<button type="button" class="px-4 py-2 text-sm font-medium text-gray-900 bg-white {% if loop.first %}border rounded-s-lg{% elseif loop.last %}border rounded-e-lg{% else %}border-t border-b{% endif %} border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-blue-500 dark:focus:text-white">
{{ item }}
</button>
{% endfor %}
</div>
<div class="inline-flex rounded-md shadow-sm" role="group">
<button type="button" class="px-4 py-2 text-sm font-medium text-gray-900 bg-white border rounded-s-lg border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-blue-500 dark:focus:text-white">
Profile
</button>
<button type="button" class="px-4 py-2 text-sm font-medium text-gray-900 bg-white border-t border-b border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-blue-500 dark:focus:text-white">
Settings
</button>
<button type="button" class="px-4 py-2 text-sm font-medium text-gray-900 bg-white border rounded-e-lg border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-blue-500 dark:focus:text-white">
Messages
</button>
</div>
<twig:Folder:ButtonGroup :items="['Profile', 'Settings', 'Messages']">
</twig:Folder:ButtonGroup>