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

# CommandList

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

> The scrollable region of [Command.root](/v3/reference/theming/keys/Command.md#theme-key-Command-root) that holds the result groups. See also: [ComboboxViewport.root](/v3/reference/theming/keys/ComboboxViewport.md#theme-key-ComboboxViewport-root); identical 300px cap and `scroll-py-1` recipe so both pickers feel the same when keyboard navigation crosses the viewport edge.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/CommandList.md#theme-key-CommandList-root) | `max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto` | The scrollable region of [Command.root](/v3/reference/theming/keys/Command.md#theme-key-Command-root) that holds the result groups. See also: [ComboboxViewport.root](/v3/reference/theming/keys/ComboboxViewport.md#theme-key-ComboboxViewport-root); identical 300px cap and `scroll-py-1` recipe so both pickers feel the same when keyboard navigation crosses the viewport edge. |

<a id="theme-key-CommandList-root"></a>

## root

> The scrollable region of [Command.root](/v3/reference/theming/keys/Command.md#theme-key-Command-root) that holds the result groups. See also: [ComboboxViewport.root](/v3/reference/theming/keys/ComboboxViewport.md#theme-key-ComboboxViewport-root); identical 300px cap and `scroll-py-1` recipe so both pickers feel the same when keyboard navigation crosses the viewport edge.

Default classes:

`max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto`

Source: `client/lib/theme/vueda-tailwind/controls/CommandList.theme.js:16`