Toggles are boolean form components used for easily enabling or disabling features.
You're able to use the
size property to control the size of your inputs, using one of the available sizes:
lg. The default size is set to
Applying the size
size property to an
i-form-group will also set the chosen size to all of its
You can set the toggle input to be readonly by using the
You can set the toggle input to be disabled by using the
Here you can find a list of the various customization options you can use for the toggle component as props, as well as available slots and events.
Here you can find a list of the Sass variables you can use for the toggle component. If you're looking to find common variables that these rely on, you should take a look at the Sass Variables page.