> ## Documentation Index
> Fetch the complete documentation index at: https://docs.codenullapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dropdown List

> The available configurations for this field are:

The available configurations for this field are:

* Label
* Code
* Label
* Label Span
* Input Span
* Read Only
* Items
* Multiple mode
* custom Items

### Label

Label to be displayed alongside the field, if you don't define a label, the input will be displayed anyway

### Code

The path to the context. This path is used to set/get the value from the context

### Label and Input Span

These props are used to determine the space occupied by the label and the input

### Read Only

Disable the field

### Items

Enable adding items to the list, one item at a time.

### Custom items

#### Adding Items to a List with Custom Logic

To enhance your list functionality, leverage custom code. This allows precise control over how items are added. Access the context to apply specific logic tailored to your needs. This approach ensures flexibility and adaptability in managing list items effectively

you have to return an array!

<figure>
  <img src="https://mintcdn.com/codenull/9RtgKoAtzvpYtN-c/images/3FU32O9vu64aAg9TnqqF.png?fit=max&auto=format&n=9RtgKoAtzvpYtN-c&q=85&s=eedeef0a44d08f0913287c633c0d139f" alt="" width="624" height="305" data-path="images/3FU32O9vu64aAg9TnqqF.png" />

  <figcaption />
</figure>

<figure>
  <img src="https://mintcdn.com/codenull/9RtgKoAtzvpYtN-c/images/aaQoB5V1Qohss9yGLZlk.png?fit=max&auto=format&n=9RtgKoAtzvpYtN-c&q=85&s=f9a3f6473a017a5a9daeea82eca92dad" alt="" width="638" height="191" data-path="images/aaQoB5V1Qohss9yGLZlk.png" />

  <figcaption />
</figure>