Buttons [#](/content/docs/controls/#buttons "Direct link to heading"/index.html)
Button [#](/content/docs/controls/#button "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
| Property | Type | Possible Values |
|---|---|---|
Background |
Color | The background color of the control. |
Border |
Color | The color of the control's border. |
BorderThickness |
Float | The width of the control's border. |
CornerRadius |
Integer | The radius for the corners of the control's border. |
Foreground |
Color | The color of the control's content. |
Icon |
Icon | The icon for the button. |
IconPosition |
Enum | The position of the icon relative to the text. Possible values are Left, Right, & Top. |
IconSize |
Float | The size of the icon in dp pixels. |
IconSpacing |
Float | The spacing between the icon and text. |
ShowAsMonochrome |
Boolean | A value that indicates whether the Foreground color is applied to the icon. |
FontSize |
Float | The size of the text in dp pixels. |
FontStyle |
Enum | The style in which the text is rendered. Possible values are Normal & Italic. |
FontWeight |
Enum | The thickness of the specified font. Possible values are Thin, Light, Normal, Medium, Bold, Black |
Text |
String | A string that specifies the text contents of the button. |
TextDecorations |
Enum | A value that indicates what decorations are applied to the text. Possible values are None, Strikethrough, & Underline. |
ButtonType |
Enum | The type of button. Possible values are Normal, Repeat, & Toggle. |
IsChecked |
Boolean | A value that indicates whether the button is checked. This applies only when ButtonType is set to Toggle |
IsPressed |
Boolean | A value that indicates whether the button is currently in a pressed state. |
RepeatInterval |
Integer | The time, in milliseconds, between repetitions of the click action, as soon as repeating starts. This applies only when ButtonType is set to Repeat. |
Height |
Float | The suggested height of the control in dp pixels. |
HorizontalAlignment |
Enum | The horizontal alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid. |
HorizontalContentAlignment |
Enum | The horizontal alignment of the control's content. |
Margin |
Thickness | The outer margin that is applied to the control when it is composed in a parent layout panel, such as a Grid. |
Padding |
Thickness | The amount of space between the content of the control and its border. |
Rotation |
Integer | The rotation about the Z-axis in degrees. |
VerticalAlignment |
Enum | The vertical alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid. |
VerticalContentAlignment |
Enum | The vertical alignment of the control's content |
Width |
Float | The suggested width of the control in dp pixels. |
IsEnabled |
Boolean | A value that indicates whether the user can interact with the control. |
IsHitTestVisible |
Boolean | A value that indicates whether the contained area of the control can return true values for hit testing. |
IsVisible |
Boolean | A value that indicates whether the control should be visible. |
Opacity |
Float | A value between 0 and 1.0 that declares the opacity factor, with 1.0 meaning full opacity and 0 meaning transparent. |
Image Button [#](/content/docs/controls/#image-button "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Images [#](/content/docs/controls/#images "Direct link to heading"/index.html)
Icon Element [#](/content/docs/controls/#icon-element "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Image Element [#](/content/docs/controls/#image-element "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Web Image [#](/content/docs/controls/#web-image "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Graphics [#](/content/docs/controls/#graphics "Direct link to heading"/index.html)
Ellipse [#](/content/docs/controls/#ellipse "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Rectangle [#](/content/docs/controls/#rectangle "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Layout [#](/content/docs/controls/#layout "Direct link to heading"/index.html)
Canvas [#](/content/docs/controls/#canvas "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Grid [#](/content/docs/controls/#grid "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Scroll Viewer [#](/content/docs/controls/#scroll-viewer "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Stack Panel [#](/content/docs/controls/#stack-panel "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Wrap Panel [#](/content/docs/controls/#wrap-panel "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Media [#](/content/docs/controls/#media "Direct link to heading"/index.html)
Media Element [#](/content/docs/controls/#media-element "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Navigation [#](/content/docs/controls/#navigation "Direct link to heading"/index.html)
Device Browser [#](/content/docs/controls/#device-browser "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Media Browser [#](/content/docs/controls/#media-browser "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Page Browser [#](/content/docs/controls/#page-browser "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Web Browser [#](/content/docs/controls/#web-browser "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Text [#](/content/docs/controls/#text "Direct link to heading"/index.html)
Digital Clock [#](/content/docs/controls/#digital-clock "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Label [#](/content/docs/controls/#label "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Text Box [#](/content/docs/controls/#text-box "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Selection [#](/content/docs/controls/#selection "Direct link to heading"/index.html)
Combo Box [#](/content/docs/controls/#combo-box "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Grid View [#](/content/docs/controls/#grid-view "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Slider [#](/content/docs/controls/#slider "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Radio Button [#](/content/docs/controls/#radio-button "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Toggle Switch [#](/content/docs/controls/#toggle-switch "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Color Wheel [#](/content/docs/controls/#color-wheel "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Color Picker [#](/content/docs/controls/#color-picker "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.
Color Temperature Picker [#](/content/docs/controls/#color-temperature-picker "Direct link to heading"/index.html)
Represents a button control that reacts to touch events.