ion-segment-button
Segment buttons are groups of related buttons inside of a Segment. They are displayed in a horizontal row. A segment button can be checked by default by adding the checked attribute or by setting the value of the segment to the value of the segment button. Only one segment button should be selected at a time.
Properties
checked
boolean
If true, the segment button is selected. Defaults to false.
color
string
The color to use from your application's color palette.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".
For more information on colors, see theming.
disabled
boolean
mode
string
The mode determines which platform styles to use.
Possible values are: "ios" or "md".
value
string
The value of the segment button.
Attributes
checked
boolean
If true, the segment button is selected. Defaults to false.
color
string
The color to use from your application's color palette.
Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".
For more information on colors, see theming.
disabled
boolean
mode
string
The mode determines which platform styles to use.
Possible values are: "ios" or "md".
value
string
The value of the segment button.
Events
ionSelect
Emitted when the segment button is clicked.
Built with StencilJS