Skip to content

Dropdown List

darrenlean edited this page Jul 1, 2020 · 6 revisions

Dropdown List

The iv-dropdown-list is a button allows users to select a mode from a display/hide list of modes.
It is possible to disable the dropdown.

Usage

Dropdown List Dropdown List Dropdown List Dropdown List

API

Note: This component is in DropdownList.vue and builds on DropdownListElement.vue

Props

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

Name: initialDropdownIndex
Type: Number
Default: 0
Description: Setting the initial dropdown mode

Name: dropdownDisabled
Type: Boolean
Default: false
Description: Disable the dropdown button

Events

Name: dropdownlistbuttonclicked
Description: Emitted when the dropdown button is clicked
Value: dropdownIndex

Name: dropdownlistelementclicked
Description: Emitted when the list element is clicked
Value: click event

Clone this wiki locally