I’ve read through the closed issue here, and mhartington’s reasoning why ion-segment doesn’t allow for select multiple -> https://github.com/ionic-team/ionic-framework/issues/11985#issuecomment-428649602
Given that ionic doesn’t want the ability to use ion-segment as an input in that sense, he suggested ion-select.
Whether it’s ion-checklist or ion-radio or ion-select, I don’t see a way to style each option as segmented buttons, as they’ve done in the paid framework example below:
How would I go about styling an ion-select so it looks like the example above for both single and multiple selection? Would love to have each select element side by side in a row and appear like a segment/button with text inside and a clear visual indication of which button(s)/segment(s) are selected.
Here’s a jquery implimentation that styles a properly:
other examples of this design pattern:
From the apple design guidelines: “A segmented control can enable a single choice or multiple choices.”