Dropdown

A dropdown is an interactive UI component that includes a dropdown box and a dropdown list, which appears when the user clicks on the box, allowing them to select an option from the list.

Dropdown list:

Click on the Dropdown to open the _{Layer Style Editor}. Then, navigate to the Style tab and select Dropdown list button. The following styling options are available.

1. Font name: Choose the typeface used for the text in the dropdown list.

2. Font size: Specify the size of the text in the dropdown list.

3. Color: Set the color of the text in the dropdown list.

4. Letter spacing: Adjust the spacing between letters in the dropdown list.

5. List spacing: Define the vertical spacing between items in the dropdown list.

6. Scrollbar color: Customize the color of the scrollbar for the dropdown list.

Dropdown box:

Click on the Dropdown to open the _{Layer Style Editor}. Then, navigate to the Style tab and select Dropdown box button. The following styling options are available.

1. Border: Customize the color and thickness of the border of the checkbox

2. Color: Set the color of text in the dropdown box

3. Opacity: Adjust the transparency level of the dropdown box.

4. Background: Adjust the transparency level of the dropdown box.