---
url: "https://vueda.dev/v3/reference/theming/keys/FieldPickerMenuList.md"
title: "FieldPickerMenuList"
---

# FieldPickerMenuList

Source: `client/lib/theme/vueda-tailwind/display/index.js`

> Eyebrow at the top of the field-picker list. The in-popover micro-eyebrow recipe (11 px / 600 / 0.04em).

Vue component: [FieldPickerMenuList](/v3/reference/api/vue/FieldPickerMenuList.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [eyebrow](/v3/reference/theming/keys/FieldPickerMenuList.md#theme-key-FieldPickerMenuList-eyebrow) | `px-2 py-1.5 text-[length:var(--vueda-text-micro)] font-semibold uppercase tracking-[0.04em] text-muted-foreground` | Eyebrow at the top of the field-picker list. The in-popover micro-eyebrow recipe (11 px / 600 / 0.04em). |
| [list](/v3/reference/theming/keys/FieldPickerMenuList.md#theme-key-FieldPickerMenuList-list) | `max-h-60 pr-3` | Scrollable viewport capped at 15rem, with space for the scrollbar that stays visible while the list overflows. |
| [item](/v3/reference/theming/keys/FieldPickerMenuList.md#theme-key-FieldPickerMenuList-item) | `flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground` | A selectable field row. |
| [empty](/v3/reference/theming/keys/FieldPickerMenuList.md#theme-key-FieldPickerMenuList-empty) | `px-2 py-1.5 text-sm text-muted-foreground` | Empty-state message shown when every field is already in use. |

<a id="theme-key-FieldPickerMenuList-eyebrow"></a>

## eyebrow

> Eyebrow at the top of the field-picker list. The in-popover micro-eyebrow recipe (11 px / 600 / 0.04em).

Default classes:

`px-2 py-1.5 text-[length:var(--vueda-text-micro)] font-semibold uppercase tracking-[0.04em] text-muted-foreground`

Source: `client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:18`

<a id="theme-key-FieldPickerMenuList-list"></a>

## list

> Scrollable viewport capped at 15rem, with space for the scrollbar that stays visible while the list overflows.

Default classes:

`max-h-60 pr-3`

Source: `client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:24`

<a id="theme-key-FieldPickerMenuList-item"></a>

## item

> A selectable field row.

Default classes:

`flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground`

Source: `client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:28`

<a id="theme-key-FieldPickerMenuList-empty"></a>

## empty

> Empty-state message shown when every field is already in use.

Default classes:

`px-2 py-1.5 text-sm text-muted-foreground`

Source: `client/lib/theme/vueda-tailwind/display/FieldPickerMenuList.theme.js:34`