{% extends "component-demo-base.html" %} {% set TAG_NAME="x-togglegroup" %} {% set COMPONENT_NAME="togglegroup" %} {% block demoContent %}
<x-togglegroup>
are very simple components that simply act as a wrapper for <x-toggle>
elements by displaying them as a menu of toggle buttons.
See the <x-toggle>
documentation for further details on how to use them.
Each <x-toggle>
in the <x-togglegroup>
acts as if it receives the name
and group
attributes of the <x-togglegroup>
, if they are present.
<x-togglegroup name="searchtype" group="groupname">
<x-toggle label="Title"></x-toggle>
<x-toggle label="Author"></x-toggle>
<x-toggle label="Date"></x-toggle>
</x-togglegroup>