# Dropdown

![](https://4033530058-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MgeAm-aCVWZlo25_Cpn%2F-Mgodu15ASanPmnayHcO%2F-Mgoe-GSWCg1zbh6q8Dd%2Fimage.png?alt=media\&token=c159813b-fcaf-4da8-b29b-0b1445b8d70a)

### Use type in defined list

Use type from **`Fields/Components/Dropdown/script.js`**

| **`Property`** | Description                                                                                                                                                                   |
| -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| name           | Fields name (Unique)                                                                                                                                                          |
| type           | dropdown                                                                                                                                                                      |
| label          | Label of field                                                                                                                                                                |
| description    | Description about the field                                                                                                                                                   |
| value          | Default value                                                                                                                                                                 |
| options        | <p>(Object)</p><p> <strong>options</strong>: {<br>   values: \[ { value: 'h1', title: 'Heading h1' }, { title: 'h2', title: 'Heading h2' }, ],<br>   oneline: true<br> },</p> |

```javascript
params: [
    {
        name: 'heading',
        type: 'dropdown',
        label: 'Heading',
        description: 'Heading tag',
        options: {
            oneline: true // title and droplist in one-line  
            values: {
                h1: 'Heading h1',
                h2: 'Heading h2',
                h3: 'Heading h3'
            }
        },
                     
    }
]
```

### Use custom list

```javascript
params: [
    {
        name: 'heading',
        type: 'dropdown',
        label: 'Heading',
        description: 'Heading tag',
        value: 'h1',
        options: {
            values: [
                {
                    title: 'Group 1',
                    values:{
                        value: 'Label',
                        value2: 'Label 2',
                    }
                },
                {
                    title: 'Group 2',
                    values:{
                        value3: 'Label 3',
                        value4: 'Label 4',
                    }
                },
            ],
            oneline: true
        },
                  
    }
]
```