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

# SelectScrollUpButton

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

> The scroll-up affordance that surfaces at the top of a long [SelectContent.viewport](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-viewport). 4px tall flex centre so the slot reads as a thin handle rather than a button; the consumer paints the chevron glyph inside. Reka shows / hides the slot automatically based on scroll position.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/SelectScrollUpButton.md#theme-key-SelectScrollUpButton-root) | `flex cursor-default items-center justify-center py-1` | The scroll-up affordance that surfaces at the top of a long [SelectContent.viewport](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-viewport). 4px tall flex centre so the slot reads as a thin handle rather than a button; the consumer paints the chevron glyph inside. Reka shows / hides the slot automatically based on scroll position. |

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

## root

> The scroll-up affordance that surfaces at the top of a long [SelectContent.viewport](/v3/reference/theming/keys/SelectContent.md#theme-key-SelectContent-viewport). 4px tall flex centre so the slot reads as a thin handle rather than a button; the consumer paints the chevron glyph inside. Reka shows / hides the slot automatically based on scroll position.

Default classes:

`flex cursor-default items-center justify-center py-1`

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