XF 2.1 Select with 3 options. Change to toggle button Group

[arms]

I have select with 3 options:

                <xf:select name="type" value="{$filters.type}">
                    <xf:option value="">{{ phrase('any') }}</xf:option>
                    <xf:option value="apple">{{ phrase('arms_apple') }}</xf:option>
                    <xf:option value="android">{{ phrase('arms_android') }}</xf:option>
                </xf:select>

What I want to achieve is have a toggle button group with icons like: https://material.io/components/buttons/#toggle-button