1. Docs
2. Components
3. Segmented control

Segmented control

The <velin-segmented-control> component is a toggle group with aria-pressed on each segment. Mark the default with the selected attribute. Added in 0.7.5.

Example

<velin-segmented-control aria-label="View">
  <button type="button" selected>List</button>
  <button type="button">Grid</button>
</velin-segmented-control>

Import

Load the bundle once, then use the custom element in your markup:

<script type="module" src="../../dist/velinstyle-components.min.js"></script>
<velin-segmented-control>…</velin-segmented-control>