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

# ComboboxItemIndicator

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

> The trailing selected-state glyph on a [ComboboxItem.root](/v3/reference/theming/keys/ComboboxItem.md#theme-key-ComboboxItem-root) (typically a check mark). `ml-auto` pushes the indicator to the row's trailing edge; size and colour are inherited from the surrounding row so the indicator picks up the highlight swap without painting its own state.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/ComboboxItemIndicator.md#theme-key-ComboboxItemIndicator-root) | `ml-auto` | The trailing selected-state glyph on a [ComboboxItem.root](/v3/reference/theming/keys/ComboboxItem.md#theme-key-ComboboxItem-root) (typically a check mark). `ml-auto` pushes the indicator to the row's trailing edge; size and colour are inherited from the surrounding row so the indicator picks up the highlight swap without painting its own state. |

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

## root

> The trailing selected-state glyph on a [ComboboxItem.root](/v3/reference/theming/keys/ComboboxItem.md#theme-key-ComboboxItem-root) (typically a check mark). `ml-auto` pushes the indicator to the row's trailing edge; size and colour are inherited from the surrounding row so the indicator picks up the highlight swap without painting its own state.

Default classes:

`ml-auto`

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