Toggle Button
Inherits from Xamarin.Forms.ContentView
Think of a Toggle Button as a fancy check box. It provides the same basic functionality, an on/off toggle. But it presents it as a large button. An icon is used to indicate state, but the visual state of the button also updates to reflect the state. This makes it very obvious to the user when looking at a list of items which ones are turned on and which are turned off.
CSS Classes
The construction of a toggle button is made up of multiple controls. A Frame contains the entire button. Inside of that is an Icon and Label which display the contents of the button.
Class | Description |
---|---|
toggle-button | Always on the Frame. Can be used to style border and background color for the button. |
icon | Always on the Icon that shows either the check-circle icon or the circle icon depending on state. |
title | Always on the Label that contains the text of the button. |
checked | This will be applied to the Frame when the button is in the checked state and it will be removed when the button is no longer in the checked state. |
Properties
Property | Type | Description |
---|---|---|
IsChecked | bool | If |
Text | string | The text to be displayed inside the button next to the icon. |
Command | ICommand | Can be used to trigger a command each time the state of the button changes. |
CommandParameter | object | Contains the parameter to be passed to the Command. |
Example
Last updated