Link Search Menu Expand Document


Switch is the native iOS Design Element most often used to display on/off states.


Is On

Indicates the default state of the switch when it is loaded.

On Tint Color

The background color of the switch when it’s in the on position.

Thumb Tint Color

The color of the thumb.



Alpha is a number that alters the transparency of the switch. It ranges between 0.0 and 1.0, where 0.0 makes the switch totally transparent and 1.0 totally opaque.
Default value: 1.0

User Interaction Enabled

User Interaction Enabled indicates whether the user can edit the value of the switch.


If enabled, it hides the switch.


Border Color

The color of the border.

Border Width

The width of the border.
Default value: 0

Corner radius

The radius drawn to the corners of the border.
Tip: Enable Masks to Bounds for the content of the switch to be clipped to the rounded corners.
Default value: 0


Shadow Color

The color of the shadow.
Tip: You can add opacity/alpha to the Shadow Color in order to add transparency to the shadow.

Shadow Blur

The blur radius used to render the shadow.

Shadow X Offset

The horizontal offset of the shadow.

Shadow Y Offset

The vertical offset of the shadow.


Display Name

You can use this text to identify the Switch in the Code Blocks Editor and in the List of the Screen’s elements. It is not visible to the users.

Visible In Code

It makes the Switch visible in the Code Blocks Editor in order to connect it to other Code Blocks.