# Dropdown

## **Look\&Feel Settings:**

**Label** (not mantory) to be used to show the component's label.

**Name** (mantory) - this name will help you find this component in BP.

**Left icon** (not mantory) - dropdown left icon.

**Right icon** (mantory) - dropdown right icon.

**Size** (mantory) - standard dropdown sizes.

**Type** (mantory) - standard dropdown layouts.

**Trigger** (mantory) - trigger that displays a dropdown list. Hover by default.

**Disabled** (mantory) - availability of the dropdown in the application. Is turned off by default.

**Visible** (mandatory) - makes the component visible if turned on. Enabled by default.

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FE44pfF3YUY9cliNnUyNp%2Fimage.png?alt=media\&token=d7177861-300a-4a6b-90bc-b7cff6d51197)

## Option:

In this section, you can add and edit dropdown list items<br>

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2Fhdf0O7sXjQbNNlIv2AXG%2Fimage.png?alt=media\&token=7d726af5-65b1-47c8-8310-482a3e2a257e)

## **Workflow triggers:**

* **onCreate** – fires when the element is created on the page;&#x20;
* **onShow** – fires when the component changes its state to visible (displayed on the page);&#x20;
* **onHide** – fires when the component changes its state to hidden (stops being displayed);&#x20;
* **onDestroy** – fires before the component is destroyed;
* **Option onClick** - fires when option is clicked.

## **Component Actions:**

### **Dropdown Get Properties:**

Gets the dropdown's properties

**Input** parameters:

* **Component Id** \[*string*] *-* dropdown component's identifier;

**Output** parameters:

* **Label** \[*string*] - dropdown's label;
* **Icon** \[*string*] - dropdown's icon;
* **Type** \[*enum*] - dropdown's type;
* **Size** \[*enum*] - dropdown's type;
* **Color** \[*string*] - dropdown's color;
* **Options** \[*array model*] - list of dropdown options;
* **Visible** \[*boolean*] - dropdown's visibility state;
* **Disabled** \[*boolean*] -  dropdown's enabled/disabled state;
* **Loading** \[*boolean*] - dropdown's loading state.<br>

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FYxtfzZF257sNe2WhJXKb%2Fimage.png?alt=media\&token=7340cbb3-46de-4ff5-8b88-0f9dd9a2e357)

### Dropdown Set Properties

Sets all dropdown's properties

**Input** parameters:

* **Component Id** \[*string*] *-* dropdown component's identifier;
* **Label** \[*string*] - dropdown's label;
* **Icon** \[*string*] - dropdown's icon;
* **Type** \[*enum*] - dropdown's type;
* **Size** \[*enum*] - dropdown's type;
* **Color** \[*string*] - dropdown's color;
* **Options** \[*array model*] - list of dropdown options;
* **Visible** \[*boolean*] - dropdown's visibility state;
* **Disabled** \[*boolean*] -  dropdown's enabled/disabled state;
* **Loading** \[*boolean*] - dropdown's loading state.

<br>

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FHa9gVHqcm1ac1MLlMrkc%2Fimage.png?alt=media\&token=2176fec0-ce65-45b8-837d-bee12713c947)

### Dropdown Update Properties

Update the dropdown's properties

**Input** parameters:

* **Component Id** \[*string*] *-* dropdown component's identifier;
* **Label** \[*string*] - dropdown's label;
* **Icon** \[*string*] - dropdown's icon;
* **Type** \[*enum*] - dropdown's type;
* **Size** \[*enum*] - dropdown's type;
* **Color** \[*string*] - dropdown's color;
* **Options** \[*array model*] - list of dropdown options;
* **Visible** \[*boolean*] - dropdown's visibility state;
* **Disabled** \[*boolean*] -  dropdown's enabled/disabled state;
* **Loading** \[*boolean*] - dropdown's loading state.

![](https://3563768697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MapxHzVskQ_27pNUTT4-1972196547%2Fuploads%2FR0lu9DrOA6H3I9aN0cjP%2Fimage.png?alt=media\&token=5cda2370-ac57-4972-8843-781b07cd8cc8)