# ion-segment-button

Segment buttons are groups of related buttons inside of a [Segment](../../segment/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.


<!-- Auto Generated Below -->


## 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](/docs/theming/basics).


#### 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](/docs/theming/basics).


#### 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](https://stenciljs.com/)*