Toggle Advance

Advance Toggle

The iv-toggle-advance is a button that allows users to switch between multiple modes.
It is possible to disable the toggle.

Usage

API

Note: This component is in ToggleAdvance.vue and builds on ToggleAdvanceButton.vue

Props

Name: modes
Type: Array
Required: true
Default: ["Option 1", "Option 2", "Option 3"]
Description: The array container for the toggle modes text

Name: initialModeIndex
Type: Number
Default: 0
Description: Setting the initial toggle mode

Name: toggleDisabled
Type: Boolean
Default: false
Description: Disable the input

Events

Name: toggleswitched
Description: Emitted when the toggle is clicked
Value: toggleMode