Segmented Button

Render a group of small buttons with single selection (default mode, acts like a radio button group) or multi-selection (selectable="multi"). Do not use this component for navigation but to switch context inside of widgets eg. like the time range for a Chart component.

'selectable' => 'single', // single | multi
<x-segmentedButton>
    <x-segmentedButtonItem label="1 Tag" active />
    <x-segmentedButtonItem label="1 Woche" />
    <x-segmentedButtonItem label="1 Monat" />
    <x-segmentedButtonItem label="1 jahr" />
</x-segmentedButton>

<x-segmentedButton selectable="multi">
    <x-segmentedButtonItem label="AAPL" active />
    <x-segmentedButtonItem label="QUBT" />
    <x-segmentedButtonItem label="IBM" />
    <x-segmentedButtonItem label="NVDA" />
</x-segmentedButton>