Skip to content

Toggle Input

Incorporate a straightforward toggle switch into your web application.

toggle

Configuring Range Input

The Toggle Input element offers a range of configurable properties to tailor its visual appearance and functionality.

Visual Properties:

Property NameDescription
Selector SizeAdjust the size of the selector as a percentage.
Selector Color (Off)Set the color of the selector when it is in the 'off' position.
Selector Color (On)Set the color of the selector when it is in the 'on' position.
Background Color (Off)Define the background color when the toggle is off.
Background Color (On)Define the background color when the toggle is on.

Other Properties:

Property NameDescription
Initial ValueSet the default state of the toggle to either true or false.
RequiredSpecify whether the toggle input is mandatory.
Read OnlyDetermine if the toggle can be modified by the user.