ion-segment

Defines a Segment Container component.

A Segment is a group of buttons, sometimes known as segmented controls, that allow the user to interact with a compact group of a number of controls.
Segments provide functionality similar to tabs, selecting one will unselect all others.
Like any other form’s inputs, it has a Control name property you may change for a more friendly name to use in a custom validation function.
For more information: Segment.

Note: Make sure to add your component under a Generic Item or <ion-item> to make it work properly in form.

Name Description
Binding The object or variable to bind with the control.
Color Specifies ionic color.
Control name The associated declared control name.
Default value The value to be selected by default.
Disabled If true the component will be disabled, preventing the the user from changing the value.
Mode Specifies ionic mode.
Scrollable If true, the segment buttons will overflow and the user can swipe to see them. In addition, this will disable the gesture to drag the indicator between the buttons in order to swipe to see hidden buttons.
Select on focus If true, navigating to an ion-segment-button with the keyboard will focus and select the element. If false, keyboard navigation will only focus the ion-segment-button element.
Swipe gesture If true, users will be able to swipe between segment buttons to activate them.
Comment Describes the object comment to include in the documentation report. This property generally contains an explanation about the object.
Identifier Defines the component identifier.
Is active Defines whether the component is active.