Link Search Menu Expand Document

Switch

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

Switch

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.

View

Alpha

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.

Hidden

If enabled, it hides the switch.

Border

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

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.

Code

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.