Skip to content

SelectScrollUpButton ​

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

The scroll-up affordance that surfaces at the top of a long 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

SlotDefault classesDescription
rootflex cursor-default items-center justify-center py-1The scroll-up affordance that surfaces at the top of a long 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.

root ​

The scroll-up affordance that surfaces at the top of a long 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