x-togglegroup

« Back to docs

<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.

Basic usage

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.

Markup

<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>
Top